Dato un PNG trasparente che mostra una semplice forma in bianco, è possibile in qualche modo cambiare il colore di questo attraverso i CSS? Una specie di overlay o cosa?
Potresti voler dare un'occhiata ai font Icon. http://css-tricks.com/examples/IconFont/
EDIT: Sto usando Font-Awesome sul mio ultimo progetto. Puoi anche fare il bootstrap. Basta mettere questo nel tuo <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">
E poi vai avanti e aggiungi dei link-icona come questo:
<a class="icon-thumbs-up"></a>
Ecco il foglio completo
--edit--
Font-Awesome usa nomi di classi diversi nella nuova versione, probabilmente perché questo rende i file CSS drasticamente più piccoli, e per evitare classi css ambigue. Quindi ora dovresti usare:
<a class="fa fa-thumbs-up"></a>
EDIT 2:
Ho appena scoperto che anche github usa il proprio font di icone: Octicons È gratis da scaricare. Hanno anche alcuni suggerimenti su come creare i propri font di icone.
Sì :)
WebKit ora supporta le maschere alfa nei CSS. Le maschere ti permettono di sovrapporre il contenuto di un box con un modello che può essere usato per eliminare porzioni di quel box nella visualizzazione finale. In altre parole, si può tagliare a forme complesse basate sull'alfa di un'immagine.
[...] Abbiamo introdotto nuove proprietà per fornire ai Web designer un sacco di controllo su queste maschere e su come vengono applicate. Le nuove proprietà sono analoghe alle proprietà background e border-image che già esistono.
-webkit-mask (sfondo)
-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)