N's Webtools
Trang chủ
📈

CSS Easing / Trình chỉnh sửa đường cong Bézier

Chỉnh sửa trực quan hàm thời gian cubic-bezier() với xem trước animation

Mẫu có sẵn

So sánh

linear
ease
custom

Cách sử dụng

Kéo điểm điều khiển đỏ và xanh để tạo hình đường cong. Sử dụng mẫu cho các easing phổ biến. Xem trước animation và so sánh với linear/ease.

  • Trình chỉnh sửa đường cong kéo thả trực quan
  • 9 mẫu easing
  • Xem trước animation với điều khiển thời lượng
  • So sánh song song (linear/ease/tùy chỉnh)

Trường hợp sử dụng

  • Khi tinh chỉnh thời gian chuyển tiếp CSS
  • Khi so sánh các đường cong easing
  • Khi tạo mẫu animation mượt mà

Chia sẻ

Công cụ liên quan