π
Bure CSS Cubic-Bezier Easing Generator
Design CSS easing curves by dragging control points, preview the motion live, and copy the cubic-bezier() value. Includes overshoot/bounce presets.
Runs in your browserNo sign-up, no pop-upsHakuna kuingia kinachohitajikaBure milele
Drag the teal & rose handles to shape the curve
Motion preview
Width transition
CSS value
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
Presets
π‘ The rose and teal handles can pull above or below the box (Y beyond 0-1) to create βovershootβ / bounce effects like back-out and anticipate. X stays within 0-1 (time canβt reverse).
Optimize for your platform
Jinsi Inavyofanya Kazi
1
Ingiza
Ingiza maandishi au data yako.
2
Chakata
Inachakatwa papo hapo katika kivinjari chako. Hakuna seva, hakuna kusubiri.
3
Pakua
Hifadhi matokeo yako. Hakuna kinachohifadhiwa.
Kwa nini utumie yetu?
βCompletely free β no hidden costs, ever
βNo account, email, or login required
βRuns entirely in your browser β no uploads
βWorks on any device β phone, tablet, desktop
βOpen and ad-supported, with no tracking
βLoads fast, with no installation needed
Zana Zinazohusiana
Inayopendwa
Kitengenezaji Msimbo wa QR
Tengeneza misimbo ya QR kwa URL, maandishi, WiFi na zaidi. Bila alama ya maji.
Jaribu
Inayopendwaπ¨
Kichagua Rangi na Kitengenezaji Rangi
Chagua rangi, badilisha kati ya HEX/RGB/HSL, na tengeneza rangi zinazooanana.
Jaribu
Inayopendwaπ
Jenereta ya Nenosiri
Tengeneza manenosiri thabiti na nasibu yenye urefu maalum, aina za wahusika na vizuizi. Hakuna mipaka, hakuna kuingia.
Jaribu
Je, zana hii ilikuwa ya msaada?