Hvis jeg har en gennemsigtig PNG, der viser en simpel form i hvidt, er det så muligt at ændre farven på denne form via CSS? En slags overlay eller hvad ikke?
Du bør måske kigge på Icon-skrifttyper. http://css-tricks.com/examples/IconFont/
EDIT: Jeg bruger Font-Awesome på mit seneste projekt. Du kan endda bootstrappe den. Du skal blot sætte dette ind i din <head>
:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<!-- And if you want to support IE7, add this aswell -->
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome-ie7.min.css" rel="stylesheet">
Og så gå videre og tilføj nogle ikon-links som dette:
<a class="icon-thumbs-up"></a>
Her er det fulde snydeark
--edit--
Font-Awesome bruger forskellige klassebetegnelser i den nye version, sandsynligvis fordi det gør CSS-filerne drastisk mindre, og for at undgå tvetydige css-klasser. Så nu skal du bruge:
<a class="fa fa-thumbs-up"></a>
EDIT 2:
Fandt lige ud af, at github også bruger sin egen ikonskrifttype: Octicons Den er gratis at downloade. De har også nogle tips om hvordan du laver din helt egen ikonskrifttype.
Ja :)
Surfin' Safari - Blog Archive » CSS Masks
WebKit understøtter nu alfa-masker i CSS. Masker giver dig mulighed for at overlejre indholdet af en boks med et mønster, der kan bruges til at fjerne dele af boksen i den endelige visning. Med andre ord kan du klippe til komplekse former baseret på et billedes alfa-værdi.
[...] Vi har indført nye egenskaber for at give webdesignere en masse kontrol over disse masker, og hvordan de anvendes. De nye egenskaber svarer til de egenskaber for baggrund og border-image, der allerede findes.
-webkit-mask (baggrund) -webkit-mask-attachment (background-attachment) -webkit-mask-clip (background-clip) -webkit-mask-origin (background-origin) -webkit-mask-image (background-image) -webkit-mask-repeat (background-repeat) -webkit-mask-composite (background-composite) -webkit-mask-box-image (border-image)