Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Animaciones CSS instantáneas.

Animaciones CSS instantáneas. 30.OCT.13

Alvaro José Rios Ch
Fundador WebBizarro

Animate.css es una librería que incluye una serie de bonitas animaciones CSSque funcionan en múltiples browsers y que te pueden sacar de un apuro y dar algo de estilo a tu sitio web.

Es muy simple de usar solo debes incluir el archivo CSS en tu header y luego agregar el class al elemento que quieres animar, con jquery por ejemplo.

$('#yourElement').addClass('animated bounceOutLeft');

También puedes personalizar la duración y el número de veces que se ejecuta la animación con algunas líneas adicionales en tu CSS.

.yourElement {
    -vendor-animation-duration: 3s;
	-vendor-animation-delay: 2s;
	-vendor-animation-iteration-count: infinite;
}


Recuerda que debes sustituir vendor con el prefijo adecuado (webkit, moz, ms, o), espero que les sea de utilidad en su próximo proyecto.