CSS transitions are a great way to make your pages feel more interactive and dynamic. To control the pacing of those transitions, you need to use the transition-timing-function property. By using this property, you can specify easing rules with great granularity, so a transition can change speed as it's being executed.
Why is it important?
Default CSS transitions are linear and—let’s face it—boring. You need the transition-timing-function property to customize your transitions and enhance how your design feels to end users.
What you’ll learn—and how you can apply it
Understand the principles behind easing functions, and learn how to use the transition-timing-function property to employ different easing functions and customize their values.
This lesson is for you because…
Materials or downloads needed in advance