Construye más de 14 componentes animados con React y Motion
Aprende animaciones web con React construyendo más de 14 componentes con Motion
lecciones
| 60 mins |
Intermedio

¿Qué vas a aprender?
Introducción al curso
Fundamentos de Motion
Fundamentos de Vite
Propiedades animate, initial y transition
Variantes y estados
Flip Words - Estructura del componente
Flip Words - Animación de rotación
Flip Words - Timing y easing
Swipe Gallery - Layout inicial
Swipe Gallery - Gestos de drag
Images Slider - Carrusel básico
Images Slider - Transiciones suaves
Images Slider - Controles y navegación
3D Card - Perspectiva con CSS
3D Card - Rotación con mouse
Hero Highlight - Efecto spotlight
Moving Border - Gradiente animado
Moving Border - Variantes de estilo
Basic Scroll - Hook useScroll
Basic Scroll - Efecto parallax
3D Animations - Escena con profundidad
3D Animations - Rotación en scroll
Scroll-triggered reveals
Grid Modal - Layout animation
Grid Modal - AnimatePresence
Link Preview - Hover card
Draggable List - Reordenar items
Draggable List - Constraints
Infinite Moving Items - Loop infinito
Infinite Moving Items - Optimización
Proyecto final - Portfolio animado
Héctor Bliss
Pionero en hacer la tecnología accesible para todos, con más de 10 años enseñando desarrollo de software y una comunidad de más de 2,000 estudiantes activos.
Especializado en simplificar temas complejos de forma práctica y divertida. Ha sido instructor en bootcamps internacionales y creador de infinidad de cursos en línea.
