
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.
Clases del curso
Conceptos iniciales
Transformaciones en 2D y 3D
Parallax con transformaciones
Transiciones
Tips de UX
Rendimiento y accesibilidad
Libros recomendados y próximos pasos
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.

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 proyectoconocimientos previos
- HTML y CSS
software y recursos necesarios
- Navegador Web
- Editor de código
Mira la primera clase sin costo en este momento
4.7 · 1043 opiniones


Cristhian Mauricio Yara Pardo
Excelente curso, aunque fue un curso corto, las explicaciones fueron bastante claras, lo que queda es practicar, practicar y practicar.


Juan Esteban Galvis
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
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.


Hebert Rodrigo Mejia Obispo
Excelente curso! Se siente la dedicación por explicar de manera detallada los conceptos.


Juan David González Rodríguez
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


Anyelo Leonardy Alvarez Baquero
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.


Carlos Rodríguez
Excelente curso, muy bueno de verdad! Como siempre la profesora dando lo mejor en sus cursos!


Rodrigo Josue Goitia Quiroga
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
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
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
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
El entusiasmo de Teff cuando habla del tema es contagioso y el contenido es bastante detallado.


¡Excelente curso! Muy recomendable para empezar en el mundo de las animaciones web, me encantó 💚


Raymundo Ivan Salas Aguilar
Gfjugkyukuykyjkyukuygkuykjykuykyukjygkuykuy


Irving Juárez
Honestamente antes no me gustaban los cursos de esta maestra porque eran muchas diapositivas. Ahora ha mejorado bastante.

juan camilo mazuera arismendy
Muy util todo lo aprendido en curso, quien diria que hay tantas maneras de animar en CSS, me encantó todo :)


Enrique Espinoza
Excelente curso!


Mario Willy Ambrosio Gutierrez
excelente, y muy bien explicado. Dio tiempo para practicar al iniciar cada clase con codigo.


Un curso necesario para un front-end


Sebastián Andrés Sanhueza Tapia
Me gustó que se escribiera código en cada clase, así da la oportunidad de experimentar y modificar a voluntad


Dender Adrian Pernia Valero
Como todos los cursos de Steff son Excelentes contenidos y muy buena pedagogía al explicar

Nahuel Campos Salazar
Excelente contenido, aprendí varias cosas que llevaba bastante tiempo preguntandome como se realizaban


Cesar Victoria Ramírez
La adaptación de una película a los temas de CSS ayudaron con el aprendizaje


Jorge Castorena
Exceletne curso y excelente profesora, estos curso saparte de fundamentales me parecen muy importnates en la carrera de desarrollo web


Que genial que existan estos temas aca!, voy por los otros dos cursos relacionados, el de animaciones con CSS y la maquetacion de una pagina Web con animaciones CSS. Me gustaria saber si tienen planeado incluir cursos de animaciones RIVE, Threejs, Greensock


Paola Sofía Evangelista Mendoza
Excelente profesora, amé este curso! el contenido del curso es excelente, ya que me hizo entender estilos de css que antes INTENTABA usar, pero que no sabía a ciencia cierta que estaba haciendo, ahora entiendo todos estos conceptos perfectamente :D muchas gracias platzi!

Freire Alexander Palomino Palma
La mejor profe


Diego Armando Pulido
excelente como siempre profe


Yiyo Dy
El curso está recontra bien preparado!!


Santiago Rodríguez Ibáñez
Buen inicio para aventurarnos en lo que es CSS.
Complementa este curso con nuestras rutas de aprendizaje

Desarrollo Web
Aprende a crear sitios web y aplicaciones desde los fundamentos hasta ser un desarrollador full-stack y accede a las mejores oportunidades laborales globales.




Full Stack Developer con JavaScript
Conviértete en Full Stack Developer con JavaScript. Domina JavaScript, Node y React para tu primer gran empleo. Tu futuro en desarrollo web comienza aquí.




Full Stack con Next.js
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.




Laboratorios de Desarrollo Web
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.




Especialización en Accesibilidad Web
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.




Python: De Cero a Experto
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.




Frontend con Vue.js
Vue.js es un primer gran framework frontend para aprender gracias a su suave curva de aprendizaje y fuerte presencia en la comunidad de JavaScript.




Backend con Node.js
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.




Backend, Arquitectura y Bases de Datos
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.




Backend con PHP
Aprende a desarrollar con los mejores cursos de PHP, Laravel y Symfony para todo tipo de proyectos web: desde páginas y blogs, hasta tiendas y aplicaciones altamente escalables.




Technical Writing
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.




JavaScript para Frontend
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.




Frontend con Angular
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.




Backend con Java
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.




Seguridad Informática para Web Developers
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.




QA y Automatización de Pruebas
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.




Inteligencia Artificial para Developers
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.




Fundamentos de Programación y Desarrollo Web
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.




Full Stack con WordPress
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.




Frontend con React.js
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.




HTML y CSS desde cero
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender