Guía definitiva de animaciones, transformaciones y transiciones CSS3
Mejore la experiencia del usuario, páginas interactivas, animaciones 3D, proyectos de la vida real y mejores prácticas con animaciones CSS3
Lo que aprenderás
Guía definitiva de animaciones, transformaciones y transiciones CSS3
- Transformación bidimensional y tridimensional: trasladar, escalar, rotar y sesgar
- Llevando vida e interactividad a su página con transiciones
- Agregar movimiento avanzado y complejo a su página con animaciones de fotogramas clave
- Descubriendo el verdadero poder de las animaciones CSS3
- Impresionantes transiciones y efectos de Hover CSS3
- Transformaciones CSS elegantes con ejemplos y un proyecto completo
- Técnicas CSS3 avanzadas y más modernas
- Los estándares de la industria de vanguardia y las mejores prácticas
- Proyectos interactivos, sesiones de laboratorio y contenidos
- Mejora de la experiencia del usuario (UX) con animaciones CSS
Requisitos
- Comprensión básica de HTML5
- La comprensión básica de CSS3
- Comprensión básica de JavaScript
- Editor de texto para desarrollo
- Navegador web moderno
- Curiosidad por aprender técnicas profesionales de desarrollo web
- Deseo de convertirse en un desarrollador de frontend experto
Descripción
- ¡El curso de animaciones CSS más completo de Udemy!
- Sesiones de laboratorio y proyectos de la vida real
- Subtítulos en inglés (no generados automáticamente)
- Todos los recursos y ejemplos de código se pueden descargar
- Autor experimentado y receptivo
CSS se ha convertido en un lenguaje muy popular y esencial para todos los desarrolladores en el pila de desarrollo web moderno y este lenguaje sigue evolucionando al tener más capacidades. Hoy en día, CSS puede manejar la mayoría de las necesidades de movimiento y animación usando Transiciones CSS, Transformaciones CSS, y Animaciones CSS de fotogramas clave.
En este curso, cubriremos todos los puntos clave de agregar movimiento a sus diseños y páginas web juntos. El curso le mostrará cómo trabajar con transformaciones, transiciones y animaciones de fotogramas clave en los navegadores modernos.
Todos los temas están respaldados por una completa Ejemplos de animación CSS3 de transformación, transición y fotogramas clave, proyectos y también sesiones de laboratorio se agregan para apoyar y reforzar la curva de aprendizaje.
Entonces, para convertirse en un experto en CSS y un buen desarrollador web, debe comprender los temas fundamentales con mucha claridad. Los temas más importantes de las animaciones CSS se incluyen en este curso para que todo quede claro en su mente.
Los temas tratados en el curso son principalmente:
- Qué Transformaciones CSS son y como usarlos
- Entendiendo las transformaciones 2d: traducir (), escalar (), rotar () y sesgar ()
- Dando vida a la página con transiciones
- Efectos de transición simples y avanzados
- Lo que puedes y no puedes hacer y animar
- Entendiendo el sintaxis abreviada de las propiedades de transición CSS
- Funciones de sincronización de transición CSS
- Cómo animar con CSS usando fotogramas clave
- los propiedades de animación y detalles de sintaxis
- Entendiendo las transformaciones 3D: translate3d (), scale3d (), rotate3d () y skew3d ()
- Perspectiva
Al final de este curso, habrá adquirido una mejor comprensión de los capacidades y potencialidades de las transformaciones, transiciones y animaciones CSS.
¡No olvides! Pequeñas interacciones Grandes impactos
