〰️
Cubic Bezier Generator
Design custom easing curves and copy the cubic-bezier() value.
cubic-bezier(0.25, 0.1, 0.25, 1)🔒 This tool runs entirely in your browser. Your data is never uploaded.
Frequently asked questions
What is cubic-bezier used for?＋
It defines a custom easing curve for CSS transitions and animations, for more natural motion than the built-in eases.
Can I preview the easing?＋
Yes — a dot animates with your curve and the curve is drawn on a graph.