Animaciones CSS

Este es un ejemplo de código CSS que utiliza animaciones para crear efectos visuales interesantes.

Descripción

El código proporciona dos ejemplos de animaciones CSS:

• Animación de Opacidad de Imagen: Se aplica a la imagen cuando se pasa el cursor sobre ella. La imagen cambia de opacidad suavemente.
• Animación de Cuadrado: Se aplica a un cuadrado con la clase .cuadradito. El cuadrado se mueve a través de diferentes posiciones y colores de fondo.

Detalles de Animación

Animación de Imagen

• Nombre de la Animación: imagen
• Duración: 2 segundos
• Iteración: Infinita
• Efecto: Cambio suave de opacidad de 1 a 0.5 cuando se pasa el cursor sobre la imagen.

Animación de Cuadrado

• Nombre de la Animación: cuadrado
• Duración: 10 segundos
• Tiempo de Funcionamiento: Ease-in-out
• Retraso: 1 segundo
• Iteración: Infinita en dirección alterna
• Efecto: Movimiento del cuadrado a través de diferentes posiciones y cambios de color de fondo.

¡Disfruta experimentando con estas animaciones en tu proyecto!