Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes:$349
$259
Currency
Antes:$349
Ahorras:$90
COMIENZA AHORA
Curso de Animaciones con CSS

Clases del Curso de Animaciones con CSS

Instruido por:
Estefany Aguilar
Estefany Aguilar
Básico
1 hora de contenido
Ver la ruta de aprendizaje
Alicia en Animationland: shooter de conejitos
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.

Curso de Animaciones con CSS

Curso de Animaciones con CSS

Progreso del curso:0/12contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/12contenidos(0%)

Requisitos para tomar el curso

Material Thumbnail

Sabes más de animaciones de lo que crees

05:14 min

Animationland game

Material Thumbnail

Creando contadores con CSS en Animationland

05:38 min

Material Thumbnail

Maquetando a nuestros conejitos en Animationland: contexto de apilamiento

17:04 min

Material Thumbnail

Dibujando a nuestros conejitos con CSS en Animationland

17:03 min

Animation y keyframes en CSS

Material Thumbnail

Animation name y keyframe

06:56 min

Material Thumbnail

Animation duration

05:56 min

Material Thumbnail

Animation timing function, iteration count y delay

09:29 min

Material Thumbnail

Animation direction, fill mode y play state

03:38 min

Rendimiento de animaciones con CSS

Material Thumbnail

CSS Triggers: layout, paint y composite

04:36 min

Material Thumbnail

Debugging de animaciones con DevTools

04:09 min

Buenas prácticas para optimizar animaciones web

00:43 min

Libros recomendados y próximos pasos

Material Thumbnail

Continúa en el Curso Práctico de Animaciones con CSS

00:34 min

nuevosmás votadossin responder
Juan Amador
Juan Amador
Estudiante

Estefany gracias por tan buenas clases, he aprendido mucho

2
cecimontana
cecimontana
Estudiante

Consulta básico sobre VSC, hay método abreviado para generar todos los copy de z-index y que modifique el valor?, es decir para no tener que copiar en cada línea y modificar el n° (2,3,4,…)

1
Wizard DJ
Wizard DJ
Estudiante

Hola Estefany, que chevere ver como se hace esto, soy vieja escuela con flash, sabes si existe otra forma sin tanto codigo mas macromedia, osea un programa donde uno cree las formas y con una linea de tiempo genere las trasiciones, y luego se exporte a javascript como se hacia con flash

1
Christian Michelle Torres Martínez
Christian Michelle Torres Martínez
Estudiante

¿Alguien podría apoyarme? No sé porque no funciona el counter de mi proyecto

https://codepen.io/123porshumway/pen/oNZEXaO?editors=1100

1
Pablo Nicolás Alonso
Pablo Nicolás Alonso
Estudiante

¿No les parece que todos los profesores que usan macOS para grabar y enseñar se les ve a veces (la grabacion de pantalla) a 10fps? 🤔😂

3
marizamora
marizamora
Estudiante

hay forma de que el contador no disminuya cuando vuelvo a dar clic sobre uno de los check?
es decir, cuando checkbox esta checked suma uno pero si deja de estarlo resta uno

1
Christian Erik Velázquez
Christian Erik Velázquez
Estudiante

Se pueden pasar las animaciones de After Effects, para código?

1
Marta Puca
Marta Puca
Estudiante

poniendo el input me salio un cuadradito al lado del primer conejo asi es o esta mal ?
para que nesitamos el input?

1
Jeffer Steven Nuñez Aragon
Jeffer Steven Nuñez Aragon
Estudiante

Help me please! 😅
Por alguna razón que desconozco mi count no esta funcionando.
Screenshot_2.png
Aquí les dejo mi código. Thank You.💚😊

2
Cayo Legal
Cayo Legal
Estudiante

Yo hice el curso de transiciones css y no recuerdo haber visto algo con la pseudoclase ::after. En que clase esta?

2