CSS3 y animaciones de elementos

CSS3 y animaciones de elementos

Aunque la mayoría de las veces los trabajos que realizo son con herramientas como WordPress, joomla o prestashop, en algunas ocasiones desarrollo proyectos desde cero y codo con codo con algún programador que se encarga de la programación.

Es en esos momentos en los que tengo que investigar, actualizarme y buscar cositas que suelo encontrar por defecto ya implementadas en diferentes themes de los CRM’s antes mencionados, como por ejemplo, las animaciones que se generan al ir cargándose diferentes elementos cuando nos desplazamos por una página.

Buscando en la gran biblioteca que es internet, he encontrado un post/tutorial muy interesante y bien explicado, el cual paso a compartir.

jQuery: Mostrar animaciones según te desplazas por la página

Últimamente he visto que se ha puesto de moda añadir animaciones a las landing page o sitios con navegación vertical aprovechando las ventajas de las animaciones en CSS3, vamos a ver en este tutorial como hacer eso.

 

Paso 1:

Nosotros mismos podemos hacer las animaciones haciendo uso de CSS transitions. También podemos hacer uso de una interesante librería llamada animate.css, que puedes descargar AQUI , su funcionamiento es sencillo, basta añadir la clase “animated” y otra con el nombre de la animación. Puedes ver la lista de animaciones AQUI

Leer el artículo completo