Dado um PNG transparente exibindo uma forma simples em branco, é possível de alguma forma mudar a cor deste através do CSS? Uma espécie de sobreposição ou o que não?
Você pode querer dar uma olhada nas fontes Iconts. http://css-tricks.com/examples/IconFont/
EDIT: I'm usando Font-Awesome no meu último projeto. Você pode até mesmo pegá-lo. Simplesmente coloque isto no seu <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 depois vá em frente e adicione alguns ícones-links como este:
<a class="icon-thumbs-up"></a>
Aqui's a folha de fraude completa
--edit--
A Font-Awesome usa nomes de classes diferentes na nova versão, provavelmente porque isso torna os arquivos CSS drasticamente menores, e para evitar classes css ambíguas. Portanto, agora você deve usar:
<a class="fa fa-thumbs-up"></a>
EDITAR 2:
Acabei de descobrir que o github também usa a sua própria fonte de ícones: Octicons It's grátis para download. Eles também têm algumas dicas sobre como criar as suas próprias fontes de ícones.
Sim :)
Surfin' Safari - Blog Archive » Máscaras CSS
WebKit agora suporta máscaras alfa em CSS. As máscaras permitem-lhe sobrepor o conteúdo de uma caixa com um padrão que pode ser usado para derrubar partes dessa caixa no ecrã final. Em outras palavras, você pode recortar em formas complexas com base no alfa de uma imagem.
[...] Introduzimos novas propriedades para proporcionar aos Web designers um grande controlo sobre estas máscaras e sobre a forma como são aplicadas. As novas propriedades são análogas às propriedades de fundo e imagem de fronteira que já existem.
-webkit-máscara (fundo) -webkit-mask-attachment (background-attachment) -webkit-mask-clip (clipe de fundo) -webkit-mask-origin (background-origin) -webkit-mask-image (background-image) -webkit-mask-repeat (background-repeat) -webkit-máscara-composto (background-composto) -webkit-mask-box-image (border-image)