Webmaster Libre

Desarrollo web con software libre

Buscador

Iconos multicolor con una imagen y CSS

Hace ya tiempo os comentaba la existencia de unos interesantes iconos a los que podíamos cambiar el aspecto sólo con CSS, el truco era simple: una imagen transparente y un fondo de color.

Hoy me encuentro con esta idea aplicada a un icono de RSS, mejor explicada y con ejemplos: How to make RSS icons in every color with just an image

Explicación del efecto: una imagen sobre un div con un color de fondo

El truco es el mismo, una imagen semi-transparente y un fondo de color. En este caso, la imagen que se superpone también tiene dibujados los bordes redondeados, para que el efecto sea total.

Sé que probablemente andar jugando con los colorines de un icono estandarizado como el del RSS no sea una gran idea (o si, quien sabe) pero obviamente la técnica es válida para otras situaciones menos controvertidas.

Otras entradas

Esta entrada fue publicada por Alma Fernández el Wednesday, 2 de April de 2008 y está archivada en: CSS. Puedes dejar un comentario, o enviar un trackback desde tu sitio.

2 Comentarios

Agrega el tuyo
  1. Thanks for writing about my article, I’m glad you like it!

    Fabian | Onyx Design 3 April, 2008

  2. muy buen artículo! gracias!

    Juanu 8 April, 2008

Comentar:

Algunas etiquetas HTML permitidas:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>