Skip to content

Latest commit

 

History

History
48 lines (38 loc) · 2.39 KB

File metadata and controls

48 lines (38 loc) · 2.39 KB

Idioma: English | Español

🏎️ Pegasso High Luxury Car Web

Este proyecto fue desarrollado como parte de mis estudios de primer año del Grado Superior de Desarrollo de Aplicaciones Web (DAW). Todo el diseño de interfaz, estructura y composición visual fueron creados por mí desde cero.

Pegasso Web Desktop Preview Pegasso Web Mobile Preview

$\color{green}{\text{Informe de Lighthouse}}$ Lighthouse Report Pegasso Web

Live Demo

💎 Desglose Técnico (Lo que apliqué)

  • Menú basado en CSS: Diseñé un menú funcional utilizando la lógica de checkbox de CSS. Aunque la base es CSS puro, integré algo de JavaScript para manejar el cierre del menú de forma más fluida.
  • Maquetación y Capas: Implementé el uso de capas con z-index y máscaras CSS (mask-image) para crear efectos de degradado directamente sobre las imágenes.
  • Interacciones 3D: Implementé transformaciones en el eje Z en las fichas de producto para emplear las perspectivas y los usos avanzados de los pseudoelementos.
  • Fluidez: Me enfoqué en transiciones ligeras usando transform y scale para asegurar un rendimiento óptimo procesado por GPU.
  • HTML5 & CSS3: Marcado limpio y semántico utilizando Flexbox y CSS Grid.

⚠️ Créditos y Descargo de Responsabilidad

La mayoría de los recursos fotográficos y prompts de IA utilizados en este proyecto están basados en el hipercoche Czinger 21C.


Desarrollado por valerodev | 2026