Stagger là gì?
Còn gọi: chuyển động lệch nhịp, stagger animation, staggered animation, offset animation, lệch nhịp
Stagger là kỹ thuật cho nhiều phần tử thực hiện cùng một chuyển động nhưng bắt đầu lệch nhau một khoảng nhỏ, tạo hiệu ứng dây chuyền thay vì xuất hiện đồng loạt.
Hiểu kỹ hơn
Ví dụ: danh sách sáu thẻ sản phẩm trượt vào, mỗi thẻ trễ hơn thẻ trước 3 khung hình; chữ hiện ra từng ký tự; các cột biểu đồ mọc lên lần lượt. Stagger giúp mắt người xem đi theo thứ tự đọc và cho cảm giác uyển chuyển, là một dạng overlapping action trong motion graphics và UI. Trong After Effects, chọn các layer có keyframe rồi dùng Animation > Keyframe Assistant > Sequence Layers, hoặc kéo lệch thủ công, hoặc dùng Text Animator với Range Selector cho chữ. Trong code, thư viện như GSAP có tuỳ chọn stagger. Mẹo: độ lệch nên ngắn (khoảng 30 đến 80 ms trong UI); quá dài khiến người dùng phải chờ phần tử cuối cùng.
