Kübik Bezier Düzenleyici
Ücretsiz kübik bezier düzenleyici. CSS easing eğrilerini sürükleme tutamaçları, ön ayarlar ve canlı animasyon önizlemesi ile görsel olarak tasarlayın. Geçişler ve animasyonlar için CSS'i kopyalayın.
Runs in your browserUpdated Apr 26, 2026
Cubic-bezier editor
CSS
transition-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);css
Sıkça sorulan sorular
›What's a cubic-bezier?
A curve defined by 4 control values — used by CSS transitions and animations to control the rate of change over time. The browser's 'ease' is cubic-bezier(0.25, 0.1, 0.25, 1).
›What's overshoot?
When the easing curve exceeds 0 or 1 (control y-values < 0 or > 1), the animation 'bounces' past its endpoints. Useful for playful UIs.
›Are presets available?
Yes — common presets (linear, ease, ease-in, ease-out, ease-in-out) plus a few popular custom curves.
›Is the editor free?
Yes — fully free, no signup.