
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
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
4.7 · 1044 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


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


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.


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.


Raymundo Ivan Salas Aguilar
Gfjugkyukuykyjkyukuygkuykjykuykyukjygkuykuy


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ó 💚


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


Carlos Arturo López Sánchez
Me encanto el curso la verdad. 10/10


Daniel Salinas
Bueno!


Juan Carlos Guevara Silva
aprendí de transformaciones los principios, me gusto


Bryan Castano
EXCELENTE CURSO DE TRANSFORMACIONES && TRANSTIONES EN CSS, @TeefCode Muy Buena Profesora como SIempre. >Explicase bien FrontEnd.


Johanna Marcela Orjuela Flórez
Excelente profe

JOSE MARIA SUAREZ GIESE
Este curso era el que necesitaba pero no sabía si tomarlo, con transform y transition entendí las bases para modificar los estados iniciales de los elementos y definir un tiempo para que esas transformaciones se lleven a cabo.


Maynor Abraham López López
Es uno de los curso que más me han sorprendido por todo las cosas cosas increíbles que se pueden hacer con CSS y eso que todavía falta el curso de animaciones. Excelente.

Mariano Ariel Mattos
Excelente complemento a las herramientas de otros cursos


David Limon
A diferencia del curso de Diseño Web, este curso si me gusto, excelente para adentrarse en el mundo de las animaciones...


Eduardo Ramón Rojas Gamarra
Excelente clase


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


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


Guillermo Rojas
Excelente curso


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
Complementa este curso con nuestras rutas de aprendizaje

Desarrollo Web
Desarrolla aplicaciones web desde cero y haz realidad tu carrera como Web Developer. Sé parte de la industria con los empleos mejor pagados a nivel global.




DevOps y Cloud para Desarrolladores Web
Implementa prácticas DevOps para automatizar el ciclo de vida del desarrollo web, utilizando contenedores (Docker), orquestación (Kubernetes), infraestructura como código (Terraform) y pipelines CI/CD en plataformas cloud (AWS, Azure, GCP).




Arquitecturas Web Modernas y Escalabilidad
Diseña y construye sistemas web escalables y mantenibles aplicando patrones como microservicios, arquitecturas limpias, SSR/SSG, uso de GraphQL/gRPC y herramientas de observabilidad.




Desarrollo Backend con Python
Construye APIs y aplicaciones backend robustas con Python, utilizando frameworks populares como Flask, FastAPI y Django, y gestionando bases de datos SQL.




Desarrollo Backend con Node.js
Especialízate en la creación de APIs y servicios backend utilizando Node.js, Express, NestJS, bases de datos SQL/NoSQL, autenticación (JWT, Passport), WebSockets y arquitecturas modernas.




Desarrollo Backend con Java
Especialízate en el desarrollo backend con Java, utilizando el ecosistema Spring (Spring Boot, Spring Data JPA, Spring Security) para crear APIs y servicios escalables y seguros.




Desarrollo Backend con PHP
Aprende a construir aplicaciones web y APIs robustas con PHP, dominando frameworks como Laravel y Symfony, gestionando bases de datos, autenticación y buenas prácticas.




Bases de Datos para Web
Aprende a diseñar, gestionar y optimizar bases de datos relacionales (SQL - MySQL, PostgreSQL, SQL Server) y NoSQL (Mon|goDB, Redis) para aplicaciones web de alto rendimiento.




Desarrollo Frontend con React.js
Desarrollo Frontend con React.js




Desarrollo Frontend con JavaScript
Desarrollo Frontend con JavaScript




Fundamentos del Desarrollo Web Profesional
Establece las bases esenciales de la informática, el desarrollo web con HTML, CSS, JavaScript, el manejo de herramientas como Git y la terminal, y los principios de ingeniería de software.




Diseño y Desarrollo Frontend
Domina JavaScript avanzado, manipulación del DOM, CSS moderno (Flexbox, Grid, Sass, Tailwind), rendimiento web y los frameworks/librerías más populares como React, Vue, Angular, junto con TypeScript y herramientas de build.




Testing Automatizado y QA para Web
Asegura la calidad de tus aplicaciones web implementando pruebas unitarias, de integración, E2E y de rendimiento con herramientas como Jest, Cypress, Playwright, Testing Library y K6.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender