¿Cómo crear efectos de animación con CSS?
CSS: Cascading Style Sheets es un lenguaje informático utilizado para expresar estilos de archivos como HTML o XML. A los ojos de los programadores, ni siquiera es un lenguaje.
Animación: tecnología de imágenes en movimiento que toma fotografías de objetos cuadro por cuadro y las reproduce continuamente. Lo mismo ocurre con la animación en las computadoras. Se reproduce cuadro por cuadro. Cada cuadro tiene una forma de elemento y luego se combina.
Después de comprender los conceptos anteriores, hablemos sobre el uso de CSS para crear animaciones. Antes de CSS3, las animaciones no se podían hacer con CSS puro y debían combinarse con JS. Hasta que salió esta versión de CSS3, CSS3 puro creaba algunas animaciones simples comunes, incluidos tres atributos de animación: transformación, transición y animación. Hay muchos tutoriales específicos en línea.
Primero hablemos de los pasos para hacer una animación: en primer lugar, debes conocer la forma general de la animación que deseas hacer. Primero, deberíamos modelarlo. En segundo lugar, necesitamos dividir la forma de la animación, es decir, la forma de cada cuadro, o las formas inicial y final de una animación larga, y las formas cambiantes en el medio. En tercer lugar, estos formularios están codificados por propiedades animadas CSS. Si es complicado, puedes usar css y js para escribirlo.