feat: add CSS Animation Builder project

[devrodri-com]

CSS Animation Builder

Este PR añade el proyecto CSS Animation Builder, un generador visual de animaciones CSS que permite ajustar transformaciones y propiedades de animación con controles interactivos, y obtener el código CSS resultante listo para copiar.
El enfoque es puramente visual, simple y 100% en el navegador, siguiendo la filosofía del repositorio.

Características principales

• Previsualización en tiempo real de la animación.

• Controles para:

  • Translate X / Y
  • Scale
  • Rotate
  • Opacity
  • Duration
  • Delay
  • Easing
  • Iterations
  • Direction

• Reinicio automático de la animación al modificar cualquier valor.

• Código CSS generado dinámicamente, incluyendo @keyframes.

• Botón Copy con feedback visual.

• Diseño simple, responsivo y coherente con otros proyectos del repositorio.

• Sin dependencias ni build tools.

Motivación

Este proyecto ofrece una herramienta visual que ayuda a entender y experimentar con animaciones CSS de forma inmediata.
Es útil tanto para principiantes como para personas que desean crear animaciones rápidas sin escribir el código manualmente.

Sigue los principios del repositorio: claridad, accesibilidad y ejecución directa en el navegador.

Alcance

Los archivos del proyecto están contenidos en la carpeta:

14-css-animation-builder/
  ├── index.html
  ├── styles.css
  └── script.js

No afecta a ningún otro proyecto del repositorio.

Notas

Si consideras que conviene ajustar el nombre del proyecto, el número asignado o el enfoque, estoy abierto a hacerlo.

[vercel]

@devrodri-com is attempting to deploy a commit to the midudev pro Team on Vercel.

A member of the Team first needs to authorize it.