All animation en CSS y html5 efectos para tus imágenes

DESCARGA : all animation

All animation en CSS y html5 efectos para tus imágenes, Una manera de llamar la atención es aprovechar las ventajas de html5 y css3, estas tecnologías pueden ayudarnos a tener grandiosos efectos en una aplicación web, sobre todo si están en un plugin que nos facilite la implementación, all animation es un plugin que tiene una gran colección de efectos como por ejemplo:

1.- Especiales: en la que se muestran efectos de baile, pulso, y movimientos muy llamativos.

2.- Bounce: En donde nos podemos encontrar con efectos de tipo entrada (Ejemplo: arriba, abajo, derecha)

3.- Perspective: La más llamativa, ya que le da un toque de 3D a las imágenes, bueno recordemos que lo podemos implementar para utilizar en alguna colección de imágenes ( simulando ser un libro).

4.- Fading Entrances: Es muy conocido por tener efectos para desvanecer los elementos y volverlos a mostrar.

5.- Rotate: Coloca un efecto de rotación con una pequeña animación.

6.- Agrecives: Muestra efectos como por ejemplo el de una explosión.

Demostraciones:http://clovisdasilvaneto.github.io/all-animation/

La manera de implementar este plugin es muy sencilla y puedes encontrarte con la documentación en la siguiente dirección: https://github.com/clovisdasilvaneto/all-animation

Sin embargo vamos a mencionarlos.

1.- Puedes agregar el codigo css


<link rel="stylesheet" type="text/css" href="yourpath//all-animation.css" />
<script type="text/javascript" src="yourpath/jquery.js"></script>

2.-  A lo que le quieres agregar la animación.


<div id="animation"></div>

<button class="anny-class">Trigger class, go!</button>

3.-  El script en el codigo con jQuery


$(".anny-class").click(function(){
 $("#animation").addClass("journal");
});

You may also like...