Antes de comenzar a crear animaciones, debemos conocer que tipos de animaciones hay, para saber aplicarlas en el momento ideal de cada una. Además, tenemos que conocer las transiciones, la forma más básica de animación.

Para crear animaciones para nuestra página web, lo primero que debemos aprender es crearlas mediante CSS. Este tipo de animaciones son las más sencillas de crear y las más apropiadas debido a su facilidad para crearlas.

Las animaciones no tienen que ir al mismo ritmo necesariamente. Mediante las funciones de ritmo se puede ajustar la velocidad de las animaciones y conseguir una fluidez diferente en transiciones o animaciones.

Las animaciones dirigidas por scroll son un tipo de animaciones que avanzan a medida que el usuario hace scroll en la página, adelantando o retrasando la animación en su línea de tiempo.

Las transiciones de vistas son una forma de realizar animaciones complejas, ocultando elementos para que parezca que la transición es fluida, suavizando y ocultando movimientos bruscos.

Mediante la API de WebAnimations podemos realizar animaciones CSS eficientes con toda la potencia que nos brinda Javascript.