Skip to main content

Transiciones y transformaciones

🏁 Objetivos​

  • Que puedas agregar transiciones a los elementos de una página
  • Que te introduzcas a los conceptos involucrados en transiciones
  • Que te familiarices con las transformaciones de CSS

📝 Contenidos​

Transiciones

  • Transiciones de propiedades
  • Propiedades de transición:
    • transition-property
    • transition-duration
    • transition-timing-function
    • transition-delay
    • transition
  • Funciones de tiempo (timing o easing functions)
  • Curvas de bezier
  • Transiciones junto a hover

Transformaciones

  • translate
  • rotate
  • scale
  • skew
  • Ejes x, y, z

🚀 Recursos de la clase​

📆 Fecha

📹 Grabación

👩‍💻 Código

💪 Ejercitación

📚 Material de lectura​

En inglés

🔍 Para seguir investigando​