📈
Miễn phí 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-upsKhông cần đăng nhậpMiễn phí mãi mãi
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
Cách hoạt động
1
Nhập liệu
Nhập văn bản hoặc dữ liệu của bạn.
2
Xử lý
Được xử lý ngay lập tức trong trình duyệt của bạn. Không có máy chủ, không chờ đợi.
3
Tải xuống
Lưu kết quả của bạn. Không có gì được lưu trữ.
Tại sao chọn của chúng tôi?
✓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
Công cụ liên quan
Phổ biến
Tạo mã QR
Tạo mã QR cho URL, văn bản, WiFi và nhiều hơn nữa. Không có hình mờ.
Thử ngay
Phổ biến🎨
Chọn màu và tạo bảng màu
Chọn màu, chuyển đổi HEX/RGB/HSL và tạo bảng màu hài hòa.
Thử ngay
Phổ biến🔐
Trình tạo mật khẩu
Tạo mật khẩu mạnh, ngẫu nhiên với độ dài, loại ký tự và loại trừ tùy chỉnh. Không có giới hạn, không có thông tin đăng nhập.
Thử ngay
Công cụ này có hữu ích không?