Explora un universo lleno de aventuras, personajes icónicos y curiosidades, todo desde una página web interactiva que ofrece una experiencia inmersiva, dinámica y moderna.
Este proyecto es un reto personal donde pongo a prueba mis habilidades en HTML, CSS y JavaScript puro, integrando GSAP y Lenis para una experiencia visual de alto nivel.
- 🎬 Interactividad animada con GSAP y Lenis.
- 💡 Secciones temáticas con diseño limpio y moderno.
- 📱 Totalmente responsiva, adaptable a cualquier dispositivo.
- 🎨 Fondo dinámico con elementos flotantes y efectos suaves.
- 🌙 Modo día/noche (en desarrollo).
| Tecnologías | Descripción |
|---|---|
| HTML5 | Estructura y contenido. |
| CSS3 | Estilos, diseño y animaciones básicas. |
| JavaScript (ES6+) | Lógica, interacción y dinamismo. |
| GSAP | Animaciones avanzadas y transiciones. |
| Lenis | Scroll suave y fluido. |
- Fondo animado con bolas de dragón flotantes.
- Título principal animado con GSAP.
- Subtítulo descriptivo.
- Botón "Descubre más" con desplazamiento automático.
- Breve descripción sobre la página.
- Imagen ilustrativa.
- Diseño limpio y enfocado al usuario.
- ✅ Personajes destacados.
- ✅ Curiosidades rápidas.
- ✅ Footer con redes sociales y contacto.
- Descarga o clona el repositorio.
- Abre el archivo
index.htmlen tu navegador. - Explora y disfruta de la experiencia interactiva.
- Nota: Requiere conexión a internet para cargar GSAP y Lenis.
- Animación de tarjetas de personajes.
- Efectos interactivos en curiosidades.
- Mejoras de accesibilidad.
- Optimización avanzada para móviles y tablets.
Aquí algunas capturas de cómo va tomando forma el proyecto (formato horizontal):
.jpg) |
.jpg) |
|---|---|
.jpg) |
.jpg) |
.jpg) |
.jpg) |
💥 El progreso no se detiene cuando crees en tu poder,
🌟 rompes tus propios límites y avanzas con constancia hacia tus sueños.
© 2025 - Proyecto educativo y experimental con fines de aprendizaje y práctica personal.