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

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