Nivel Básico
21 clases
2 horas de contenido
16 horas de práctica
Transforma y anima elementos con CSS. Aprende a usar transformaciones 2D y 3D, transiciones y efectos como Parallax. Entiende conceptos de UX y optimiza animaciones para rendimiento y accesibilidad, creando interfaces más dinámicas.
Conceptos iniciales
Transformaciones en 2D y 3D
- 5
Transformaciones 2D y 3D en CSS: Uso de la Propiedad Transform
09:59 min - 6
Transformaciones CSS: Scale, Skew y Rotate en Elementos HTML
09:43 min - 7
Propiedad Transform Origin en CSS: Modificación del Eje de Rotación
02:32 min - 8
Transformaciones 3D en CSS: Propiedades y Ejemplos Prácticos
05:28 min - 9
Propiedad CSS Backface Visibility: Uso y Ejemplos Prácticos
06:04 min
Parallax con transformaciones
Transiciones
Tips de UX
Rendimiento y accesibilidad
Libros recomendados y próximos pasos
Profes del curso
Conoce quién enseña el curso
Estefany Aguilar
Desarrolladora Frontend en Platzi
👩💻 Experta en CSS
🇨🇴 Organizadora de comunidades como MedellínCSS y CSS Conf Colombia
🎨 Ama enseñar con ilustraciones divertidas
Proyecto del curso
Alicia en Animationland: objetos animados
Aplica transformaciones y transiciones para darle vida a los objetos de Alicia en Animationland, el maravilloso mundo de fantasías y animaciones web.
Ver proyectosoftware y recursos necesarios
- Navegador Web
- Editor de código
Opiniones del curso
4.7 · 1051 opiniones
Cristhian Mauricio Yara Pardo
@cyara1·
Excelente curso, aunque fue un curso corto, las explicaciones fueron bastante claras, lo que queda es practicar, practicar y practicar.
Hebert Rodrigo Mejia Obispo
@rodmejiao·
Excelente curso! Se siente la dedicación por explicar de manera detallada los conceptos.
Juan David González Rodríguez
@Juangrcode·
Me encantoooo !! <3 siempre tuve problemas con las transitions y transform ahorra soy todo un maestro , jaja Gracias a Estefany !! fue increíble hacer el proyecto parallax :D Muchas gracias
Juan Esteban Galvis
@JuanGalvis·
Excelente curso con ejemplos geniales y la profesora es espectacular! además tocar la optimización, UX y accesibilidad fue genial
Patrick Jeremy Rodriguez Sandoval
@patrick-rodriguez418·
Aprender los fundamentos de cada transición y transformación. Aplicar el parallax effect de forma practica, y sobre todo ver el enfoque de las animaciones desde una perspectiva en la vida real.
Anyelo Leonardy Alvarez Baquero
@Anyelo_Leonardy·
Es el segundo curso que tomo con esta profesora, el primero fue hace tiempo y no me gustó, no escribió código, en este ha mejorado bastante, aun le falta ser mas clara en las explicaciones, pero va bien, se nota su progreso, fue didáctica y se metió en el tema. En este curso se aprenden bastantes cosas interesantes y útiles, transformaciones, transiciones y trucos para animar en CSS, algo que le da mas vida a la web.
Raymundo Ivan Salas Aguilar
@van2122·
Gfjugkyukuykyjkyukuygkuykjykuykyukjygkuykuy
Carlos Rodríguez
@cerm88·
Excelente curso, muy bueno de verdad! Como siempre la profesora dando lo mejor en sus cursos!
Rodrigo Josue Goitia Quiroga
@rodrux·
La documentación y los conceptos básicos de las transformaciones y transiciones bien explicadas te permiten luego hacer animaciones mucho más complejas en cualquier proyecto.
Fernando Molano Castrillón
@fermolanoc·
Ejemplos rápidos y concisos. Aplicables a proyectos reales. Estefany explica de forma clara. Es una profesora con mucha calidad, conocimiento y feeling. El curso está muy actualizado.
Paolo Joaquin Pinto Perez
@paolojoaquin·
Un excelente curso, la documentación proporcionada por la profesora fue precisa, además de los retos que fueron un toque que le da un plus al curso. Un curso que pudo durar más fácilmente, pero con muy buen contenido.
Jeffer Steven Nuñez Aragon
@JefersonSteven·
Estuve esperando este curso mucho tiempo, y superó mis expectativas. Con este curso logre entender varias cosas me costaban. Leyendo documentación y viendo otros videos.
Cristian Diaz
@ItsCrisDiaz·
El entusiasmo de Teff cuando habla del tema es contagioso y el contenido es bastante detallado.
@RetaxMaster·
¡Excelente curso! Muy recomendable para empezar en el mundo de las animaciones web, me encantó 💚
Irving Juárez
@irvingjuarez·
Honestamente antes no me gustaban los cursos de esta maestra porque eran muchas diapositivas. Ahora ha mejorado bastante.
Braian Antonio Vega Ramirez
@braian.vega·
Es un curso practico fantástico, se explica mediante código las propiedades y funciones de las transformaciones y animaciones de manera muy clara y sencilla. La docente es muy creativa y expone los temas mediante ejercicios prácticos divertidos y didácticos
Guillermo Mata
@guillemat·
Excelente sus explicaciones, ejemplos y el carisma que le pone
Gary Jair Casas Wong
@garyjair01·
Ok
@rozeldev·
Me encantó este curso. Excelente!
Daniel Salinas
@danielorlandosalinas935·
Bueno!
juan camilo mazuera arismendy
@juan.mazuera.teaching·
Muy util todo lo aprendido en curso, quien diria que hay tantas maneras de animar en CSS, me encantó todo :)
Enrique Espinoza
@mor3lias·
Excelente curso!
Juan Carlos Guevara Silva
@juanito39·
aprendí de transformaciones los principios, me gusto
Bryan Castano
@Beaunix·
EXCELENTE CURSO DE TRANSFORMACIONES && TRANSTIONES EN CSS, @TeefCode Muy Buena Profesora como SIempre. >Explicase bien FrontEnd.
Johanna Marcela Orjuela Flórez
@johannamorjuela·
Excelente profe
Mariano Ariel Mattos
@MarianoA·
Excelente complemento a las herramientas de otros cursos
David Limon
@limontechnology·
A diferencia del curso de Diseño Web, este curso si me gusto, excelente para adentrarse en el mundo de las animaciones...
Dender Adrian Pernia Valero
@denderpernia·
Como todos los cursos de Steff son Excelentes contenidos y muy buena pedagogía al explicar
Jorge Castorena
@jacashira·
Exceletne curso y excelente profesora, estos curso saparte de fundamentales me parecen muy importnates en la carrera de desarrollo web
Guillermo Rojas
@ingguillermorojas30·
Excelente curso
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend y Backend con Javascript para Desarrollo Web
388 horas
39 Profes
¡Aprende Frontend, Backend y Full Stack Development con referentes en la industria y profes del Team Platzi!
Ruta
HTML y CSS desde cero
56 horas
8 Profes
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender