CSS Animations + Transition Timing Functions

Linear

Ease

Ease-In

Ease-Out

Ease-In-Out

Cubic Bezier

For cubic bezier, you can define your own values in the cubic-bezier function Possible values are numeric values from 0 to 1. This example uses cubic-bezier(0.4, 0, 0.2, 1).