Experiment
CSS Easing Playground
Compare CSS easing functions and see how they change the feel of an animation.
Custom cubic-bezier
Used whenever either easing selector is set to Custom.
Animation Comparison
Run both tracks together and compare how each easing behaves.
Easing A
linear
A
Easing B
ease
B
Browser-native experiment.
This playground uses normal CSS transitions and timing functions.
Nothing is uploaded or processed outside your browser.