Scroll-driven animations là gì?

Scroll-driven animations gắn animation theo vị trí scroll thay vì theo thời gian. Hai loại timeline:

• animation-timeline: scroll() — liên kết với scroll progress (ví dụ progress bar 0–100% khi cuộn trang)
• animation-timeline: view() — kích hoạt khi element vào/rời viewport

.progress {
  animation: grow linear;
  animation-timeline: scroll();
}

Thay thế JS scroll event listeners tốn performance.

Chrome 115+, Firefox 128+.