Sprites (Espectros) de CSS, botones con efecto rollover sin Javascript

Interesante artículo escrito por Daved Shea en el que se explica una interesante, accesible y limpia forma de realizar botones con efecto rollover (o lo que nuestra imaginación nos permita) utilizando la antigua técnica de la retícula de sprites sin la necesidad de utilizar JavaScript.

La idea básica es la de agrupar los distintos gráficos utilizados en cualquier animación básica de nuestro sitio web en un único archivo de imágen. Los distintos gráficos o Sprites serían las distintas celdillas que conformarían ese archivo de imagen al que se le llamará retícula maestra.

El modo de mostrar las distintas imágenes consistiría en ir moviendo horizontal y verticalmente esta retícula aplicada como background de un elemento div de determinadas dimensiones.

Merece la pena echarle un vistazo.

www.alistapart.com/articles/sprites

En Castellano: www.vectoralia.com/manual/html/sprites.html

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: