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

enero 16, 2008

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