CSS View Transitions API là gì?

View Transitions API tạo hiệu ứng chuyển đổi mượt mà giữa DOM states hoặc giữa các trang. Khi gọi document.startViewTransition(), browser snapshot trạng thái trước, áp dụng thay đổi DOM, rồi animate sự khác biệt.

Hai loại:
- Same-document (Chrome 111+): list reordering, tab switching, morph animations
- Cross-document (Chrome 126+): chuyển trang trong MPA

Tạo trải nghiệm page transitions giống native app mà trước đây cần nhiều JavaScript phức tạp.