estoy usando la librería animate.css, me resulta muy practica y ya he puesto algunas animaciones a mi web, lo único que me falta es que la animación se ejecute solo cuando el elemento se muestre en pantalla y no cuando se recarga la pagina. La librería es la siguiente:
https://github.com/daneden/animate.css
Gracias!
Lo utilizo de esta manera: Al elemento que quiero animar le asigno una classe: class="animated fadeInDown fast"
y el css es el siguiente:
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}