Creando View Transitions en la web de la velada del Año IV | Astro 4 y TailwindCSS

Channel:

midulive

Subscribers:

248,000

Published on March 20, 2024 7:03:44 PM ● Video Link: https://www.youtube.com/watch?v=XRiWP54DmKQ

Duration: 55:18

22,497 views

599

En este video, estaremos creando Transiciones entre páginas gracias a las View Transitions de Astro 4, desde cero.

▶ No te pierdas más directos en: https://www.twitch.tv/midudev
Repo: https://github.com/midudev/la-velada-web-oficial
Página web oficial de la Velada del Año: https://www.lavelada.dev/

00:00 - Start
00:22 - Optimizando nuevas imagenes de luchadores
06:05 - habilitando componente
09:30 - Optimizando imagenes grandes
13:35 - Arreglando cositas
15:34 - Agregando nombre del Luchador con la fuente
21:04 - Arreglando la animación fade-in/out
21:49 - Arreglando imágen con un Mask
28:23 - Creando un gradient para los avatares
30:20 - Mejorando el hover
40:08 - Creando página para cada boxeador + ViewTransitions
52:02 - Subiendo cambios al repo