Skip to content

notdanielrojas/animacion_css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 

Repository files navigation

Animaciones CSS y Diseño Responsivo

¡Bienvenido al proyecto de Animaciones CSS y Diseño Responsivo para Grid Cards!

Descripción del Proyecto

Este proyecto se centra en la creación de animaciones utilizando CSS para mejorar la presentación de tarjetas dispuestas en un grid. Además, se ha implementado un diseño completamente responsivo que se adapta a dispositivos móviles, tabletas y escritorios. También se incorpora un menú desplegable para mejorar la navegación en dispositivos móviles.

Características Destacadas

  1. Animaciones CSS para Grid Cards: Cada tarjeta del grid presenta animaciones cuidadosamente diseñadas, proporcionando una experiencia visual atractiva y dinámica al usuario.

  2. Diseño Responsivo:

    • Móvil: Se garantiza una experiencia óptima en dispositivos móviles con un diseño adaptado y atractivo.
    • Tablet: El proyecto mantiene su atractivo visual en tabletas, asegurando una navegación cómoda.
    • Escritorio: La disposición del grid y las animaciones se escalan elegantemente para adaptarse a pantallas de escritorio.
  3. Menú Desplegable en Dispositivos Móviles: Se ha implementado un menú desplegable para facilitar la navegación en dispositivos móviles, mejorando la accesibilidad a las secciones principales de la página.

Capturas de Pantalla

Adjunto algunas capturas de pantalla para demostrar la adaptabilidad del diseño en ambos layouts.

  • Layout Móvil: Layout Móvil

  • Layout de Tablet: Layout de Tablet

  • Layout de Escritorio: Layout de Escritorio

About

Examen Módulo 2 - CSS Avanzado.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published