Chuyển đến nội dung

Trình tạo Cubic Bezier

Tạo đường cong easing CSS bằng cách kéo hai tay nắm. So sánh chuyển động với nhịp linear và sao chép cubic-bezier() cho transition hoặc Tailwind.

Trình chỉnh đường cong

Thời gianTiến trình

Kéo một trong hai tay nắm. Đường nét đứt là nhịp linear.

Xem trước chuyển động

Đường cong của bạn

Linear

Vị trí tại mỗi một phần mười thời lượng

transition: transform 1000ms ease;
/* or */
animation-timing-function: ease;

Mọi dữ liệu đều nằm trong trình duyệt của bạn.

Tài liệu tham khảo về định dạng

Trang công cụ được cập nhật: