Proyecto personal enfocado en el diseño, implementación y optimización de animaciones CSS aplicadas a botones web. Este proyecto consistió en construir una colección de botones interactivos utilizando exclusivamente tecnologías frontend fundamentales: HTML y CSS, sin la intervención de JavaScript.
Se implementaron efectos visuales como glow (brillo), bounce (rebote), ripple (ondas), pulse (latido), slide (deslizamiento), shrink-expand (contracción y expansión) y rotación, aplicando técnicas de keyframes, transition, transform y animation-delay.
A través de este desarrollo, reforcé conceptos como la manipulación del modelo de caja (box-model), la creación de interfaces responsivas mediante media queries, el control de estados interactivos usando pseudoclases (:hover, :active), y la optimización de animaciones para lograr fluidez en múltiples dispositivos.
Además, el proyecto me permitió experimentar con el diseño centrado en el usuario, aprendiendo a generar transiciones suaves, respetar los principios de accesibilidad visual, y mantener un balance estético entre dinamismo y usabilidad. Actualmente, esta librería de botones representa un hito en mi formación en frontend y mi compromiso por dominar técnicas modernas de UI/UX utilizando herramientas puras del ecosistema web.
HTML
CSS
@keyframes para animaciones personalizadas.scale, rotate y translate.transition.