/** * Filmlook.vn — Hiệu ứng hiện dần khi cuộn tới. Dùng chung cho MỌI trang. * * Chỉ mờ dần, KHÔNG dịch chuyển: nội dung đứng đúng chỗ ngay từ đầu nên không * gây xê dịch bố cục, và cũng không đá nhau với các phần tử có transform riêng * (thẻ 3D khối Giới thiệu, ảnh parallax). * * An toàn khi JS lỗi hoặc chưa chạy: mọi quy tắc ẩn đều nằm dưới `:root.reveal-on`, * mà lớp đó do `js/reveal.js` gắn vào ngay khi chạy. Không có JS thì không có * lớp đó — nội dung hiện bình thường, không bao giờ có chuyện trang trắng. * Vì vậy `js/reveal.js` phải nạp KHÔNG defer trong : gắn lớp sau khi vẽ * xong khung hình đầu sẽ tạo cảnh nội dung hiện rồi biến mất rồi hiện lại. * * Độ trễ so le: đặt `data-reveal-stagger="80"` lên khối cha, script tự tính * `--delay` cho từng thẻ con theo thứ tự (lặp lại sau mỗi 3 thẻ). */ :root.reveal-on .reveal { opacity: 0; transition: opacity .5s ease var(--delay, 0ms); } :root.reveal-on .reveal.is-visible { opacity: 1; } @media (prefers-reduced-motion: reduce) { :root.reveal-on .reveal { opacity: 1; transition: none; } }