Nivel Básico
13 clases
1 hora de contenido
10 horas de práctica
Aprende a crear animaciones con CSS, desde conceptos básicos hasta la implementación en un juego interactivo. Domina keyframes, animation properties y eficiencias en el rendimiento de tus animaciones web. Incluye ejercicios prácticos.
Clases del curso
Animationland game
Animation y keyframes en CSS
Rendimiento de animaciones con CSS
Libros recomendados y próximos pasos
Certificado digital
¡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.
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: shooter de conejitos
Ayuda a Alicia a atrapar a todos los conejitos de Animationland. Crea tu primer videojuego web maravilloso con contadores, animaciones y dibujo en CSS.
Ver proyectoconocimientos previos
- HTML y CSS
- Transformaciones y transiciones en CSS
software y recursos necesarios
- Navegador Web
- Editor de código
Opiniones del curso
4.7 · 1043 opiniones
@RetaxMaster·
Excelente curso, me encanto mucho Animationland 😍, las animaciones con CSS son lo mejor, muy recomendado 💚
Osvaldo Arzate Santiago
@ArzCorp·
Muy buen curso para aprender lo basico sobre animaciones, me hubiera gustado una mayor explicacion de cada propiedad de css
Enrique Espinoza
@mor3lias·
Excelente curso!
Javier Soler
@xavierjj·
la practica de animaciones simples solo con css ! Todo excelente
Any Omaña
@iamanyyeei·
Amé muchísimo este curso y disfruté de cada paso para realizar mi proyecto final con el conejito. Gracias profe Estefany, porque con este curso me siento muy orgullosa de mí, y de todo lo que he aprendido a lo largo de esta ruta de Frontend con HTML y CSS desde cero. Aún no me puedo creer que hice un juego con CSS, veo hacia atrás y me parecía imposible. Estoy súper agradecida de sus enseñanzas.
Juan Carlos Guevara Silva
@juanito39·
Lo Recomiendo Muchísimo sobre todo para aprender estilos!! como css
Valentina Ramírez
@wavival·
¡Excelente!
maria jimenez
@gigidesarrollo87·
bueno
José Manuel Aguilar de la Cruz
@manuelaguilar458·
Un escelente curso para un tener una buena base para realizar animaciones y transiciones atractivas en CSS, lo cual permite realizar proyectos más agradables al ojo.
Christian Eduardo Figueroa Sandoval
@ChristianF1·
Muy buen curso, bien manejado y aterrizado el contenido en la parte práctica.
Johanna Marcela Orjuela Flórez
@johannamorjuela·
Excelente profe! 👍
David Osvaldo Mansilla
@mansidavid9999·
Muy bueno el Curso, Ahora a aplicar lo aprendido :)
Maynor Abraham López López
@maynor94l39·
Excelente curso.
Jerson Mosquera Pretelt
@jerson.mosquera.p·
Muy buen curso teórico practico
javier hernan herrera
@estudiopenal2017·
muy buen curso.
Federico Maciel
@fedema·
La facilidad de la explicación, la velocidad y el hecho de que te suelta la mano a cada rato para que tu hagas los ejercicios.
Dender Adrian Pernia Valero
@denderpernia·
Excelente Contenido
Lucas Jonathan Silva
@LucasJS·
Teff es una gran profesora, de las mejores de Platzi! Hasta te vistio acorde a la temática de "Alicia en el país de las maravillas". El mini proyecto es fantástico! Gracias Teff 💚
EDGAR LÓPEZ FIERRO
@EdgarFierro·
Buenos recursos para aprender animación con CSS
Neuyin Rosana Herrera Sunico
@neuyin·
La docente es muy dinámica y los ejemplos muy claros.
Julio Bastidas
@juliobas·
excelente curso, aunque para el examen tuve que investigar por fuera ya que muchas de las preguntas no se explicaron en el curso
Rodrigo Rojas
@rorocanrojas1998975·
El curso estuvo muy claro y entendible y las clases eran muy claras
Paola Sofía Evangelista Mendoza
@paosofiam·
Excelente curso! aprendí muchísimo de CSS y me ayudó a hacer páginas mucho más interactivas!
Byron Tito
@byronthyto·
Muy interesante el curso me quito la duda de como se hacían algunas animaciones, yo creí que eso se lograba con JS o otro framework mas avanzado
Diego Venegas
@FleexDi80·
Muy bien el curso, con una explicación sencilla y rica en conocimiento.
Yamil Limachi Apaza
@yamilfenriz·
Excelente curso. Gracias!
Pablo Diaz
@PABLEX·
el mejor curso que eh tomado de esta profesora, espero que hagan cursos como este pero de nivel intermedio y avanzado.
Christopher Armando Jiménez Valverde
@chrisjv87·
Excelente curso del profe
Luis Alberto Zapata Zepeda
@mxlazz·
Excelente curso, me ayudó a comprender más sobre el tema de Animaciones. ¡Muy bien explicado!
Juan José Mamani Tarqui
@Jose_Juan·
:)
Eleva tu aprendizaje
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.
Ruta
Full Stack Developer con JavaScript
59 horas
8 Profes
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í.
Ruta
Full Stack con Next.js
21 horas
2 Profes
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.
Ruta
Laboratorios de Desarrollo Web
11 horas
6 Profes
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.
Ruta
Python: De Cero a Experto
53 horas
10 Profes
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.
Ruta
Frontend con Vue.js
52 horas
8 Profes
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.
Ruta
Backend con Node.js
72 horas
8 Profes
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.
Ruta
Backend, Arquitectura y Bases de Datos
73 horas
15 Profes
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.
Ruta
Backend con PHP
69 horas
4 Profes
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.
Ruta
Especialización en Accesibilidad Web
59 horas
19 Profes
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.
Ruta
JavaScript para Frontend
32 horas
4 Profes
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.
Ruta
Technical Writing
35 horas
11 Profes
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.
Ruta
Frontend con Angular
49 horas
1 Profe
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.
Ruta
Backend con Java
38 horas
9 Profes
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.
Ruta
Seguridad Informática para Web Developers
59 horas
12 Profes
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.
Ruta
QA y Automatización de Pruebas
35 horas
6 Profes
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.
Ruta
Inteligencia Artificial para Developers
19 horas
12 Profes
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.
Ruta
Fundamentos de Programación y Desarrollo Web
36 horas
12 Profes
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.
Ruta
Full Stack con WordPress
49 horas
10 Profes
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.
Ruta
Frontend con React.js
34 horas
7 Profes
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.
Ruta
HTML y CSS desde cero
54 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