Iconos multicolor con una sola imagen
Por: Víctor F. Ruiz
2 de April del 2008 (4:12 pm)
Con este truco podremos con una sola imagen crear tantos iconos como queramos en todos los colores que queramos. El truco consiste en utilizar una imagen transparente y por medio de CSS cambiar el color de fondo del div.
Código CSS (Copiar):
-
.rssicon32 {
-
width:32px;
-
height:32px;
-
background-image:url(rss32.png);
-
background-color:red; /* Color del icono */
-
}
Aqui tenemos varios ejemplos de su utilización y podemos ver el resultado con distintos colores.
