Iconos multicolor con una sola imagen
2 de April de 2008 | Categoría: CSS, Tutoriales
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.
.rssicon32 {
width:32px;
height:32px;
background-image:url(rss32.png);
background-color:red; /* Color del icono */
}
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.
