martes, 24 de noviembre de 2009

Creando un efecto de burbujas con CSS

AEXT.NET, un blog enfocado en el diseño web y desarrollo, presenta un muy detallado tutorial sobre cómo crear burbujas de efecto (como Apple Dock) con CSS.

El tutorial incluye dos métodos: sprites CSS (básica) y la imagen de intercambio (avanzado), que será la generación de la salida visual mismo.

El efecto es muy funcional especialmente para los elementos de la lista donde los artículos son de tamaño pequeño y el usuario puede tener dificultades para presionar el que desee.

Esto se logra con CSS puro (puede ser mejorado aún más con JavaScript para un efecto más suave) y compatible con todos los navegadores más importantes.

Requisitos: No se requieren
Compatibilidad: todos los principales navegadores
Sitio web: http://aext.net/2009/11/bubble-effect-with-css/
Demo: http://aext.net/example/bubble-css/

No hay comentarios:

Publicar un comentario