Overshoot trong animation là gì?
Còn gọi: vượt đích rồi bật lại, overshoot animation, overshoot motion, vượt đích, back easing
Overshoot trong animation là khi vật chuyển động vượt quá vị trí hoặc giá trị đích một chút rồi bật lại và dừng đúng chỗ, tạo cảm giác đàn hồi, sống động.
Hiểu kỹ hơn
Ví dụ: một thẻ thông báo trượt vào màn hình, đi quá 10 px rồi lùi về; một icon phóng to lên 110% rồi về 100%. Overshoot thể hiện quán tính và được dùng rất nhiều trong UI và motion graphics để chuyển động có sức sống. Trong After Effects, có thể đặt thêm một keyframe vượt mức giữa hai keyframe chính, chỉnh trong value graph để đường vượt qua đích rồi quay về, hoặc dùng expression inertial bounce. Trong CSS và thư viện animation, kiểu easing này thường có tên 'back' (easeOutBack) hoặc dùng mô phỏng lò xo (spring). Đừng lạm dụng: mọi thứ cùng nảy sẽ trông trẻ con; với thương hiệu nghiêm túc, chỉ cần overshoot rất nhỏ. Lưu ý: overshoot trong typography là khái niệm khác.
