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 HTML (Copiar):
  1. <div class="rssicon32"></div>

Código CSS (Copiar):
  1. .rssicon32 {
  2. width:32px;
  3. height:32px;
  4. background-image:url(rss32.png);
  5. background-color:red; /* Color del icono */
  6. }

Aqui tenemos varios ejemplos de su utilización y podemos ver el resultado con distintos colores.

 

Entradas relacionadas

Un comentario

Thanks for writing about my article, I’m glad you like it.

Fabian | Onyx DesignApril 3rd, 2008 at 3:29 pm

Deja un comentario