learning$css

animation-timing-function

PrevNext
Term side of the Card
Topic: Animations
Unit title: animation-timing-function
Categories: Property
Explanation side of the Card

Explanation: The property that defines how the animation progresses over time, controlling the speed at which it changes from one style to another. Options like 'ease', 'linear', 'ease-in' and 'ease-out' create different pacing effects for the animation.

Browser compatibility:
  • The chrome browser supports this feature starting from version 43
  • The edge browser supports this feature starting from version 12
  • The firefox browser supports this feature starting from version 16
  • The safari browser supports this feature starting from version 9
Availability: