CSS easing functions

Module CSS easing functions định nghĩa các easing functions, cung cấp phương tiện để kiểm soát sự biến đổi của các giá trị. Các functions được định nghĩa bao gồm linear, cubic bezier và step easing functions. Các easing functions này có thể được áp dụng cho animations và transitions.

Tăng dần tốc độ di chuyển của một phần tử có thể tạo cho phần tử cảm giác có trọng lượng khi nó dường như tích lũy đà. Easing functions cho phép bạn kiểm soát tốc độ thay đổi. Cubic bezier easing functions có thể được sử dụng để tạo ra các phần tử giao diện người dùng trực quan hoặc các đạo cụ hoạt hình hấp dẫn hoạt động giống như các đối tác vật lý của chúng.

Ngoài ra, bạn có thể muốn một animation di chuyển về phía trước theo các bước riêng biệt, để tạo ra chuyển động giống robot, hoặc hiệu ứng của một bánh xe có phân đoạn quay sao cho các phân đoạn luôn xuất hiện ở cùng một vị trí. Đối với điều này, có thể sử dụng step easing functions.