1. Controls
Generated CSS
Visually create and preview custom cubic-bezier easing functions for your animations.
An easing function specifies the rate of an animation's change over time. Instead of moving at a constant speed (linearly), elements can speed up, slow down, or bounce, creating much more natural and appealing motion. This tool helps you create custom cubic-bezier() easing functions visually.