Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

jueves, 22 de noviembre de 2012

Efectos especiales de imágenes en listas desordenadas

Liffect es una aplicación Web que nos genera el CSS necesario para dotar de animación a las miniaturas de imágenes incluídas en listas desordenadas.

Es necesario:
  1. Individualizar el encabezado de la lista desordenada con el atributo relacionado con el tipo de animación. Por ejemplo: 
    <ul data-liffect="fadeIn">
  2. Utilizar el CSS que la aplicación genera
  3. Utilizar el Javascript generado


Efectos especiales de imágenes en listas desordenadas

La lista de efectos es la siguiente, pudiéndose además elegir la duración y el delay general
  • Fade In
  • Zoom In
  • Zoom Out
  • Slide Left
  • Slide Right
  • Slide Top
  • Slide Bottom
  • Flip
  • Flip In horizontal
  • Flip In vertical
  • Bounce In
  • Bounce In Up
  • Bounce In Right
  • Bounce In Down
  • Bounce In Left
  • Page Top
  • Page Top (back)
  • Page Right
  • Page Right (back)
  • Page Bottom
  • Page Bottom (back)
  • Page Left
  • Page Left (back)
  • Star Wars

Sitio Web | Liffect
Vía | Juaniquillo @ Delicious
Share:

Publicidad

Estadísticas

A cotidiano, me siguen