Animation Easing Preview

Select an easing function to see how it animates in real-time. The ball demo moves from left to right using the chosen timing curve. Copy the CSS value instantly.

Easing Function

CSS

animation-timing-function: ease;

transition: transform 0.6s ease;