Skip to content

Latest commit

 

History

History
18 lines (15 loc) · 494 Bytes

README.md

File metadata and controls

18 lines (15 loc) · 494 Bytes

Module 07 - Animations

Transformations

  • The transform property
  • scale, rotate and translate transitions
  • The transform-origin property

Transitions

  • The transition property
  • Applying transitions on specific properties
  • Easing functions

Animations and Keyframes

  • The @keyframes rule
  • Defining the state on each keyframe
  • Applying the animation on an element
  • Setting the animation duration and easing function
  • Setting the fill behavior of the animation