Trong Thử thách GUI hôm nay, @AdamArgyleInk tạo ra một phiên bản #CSS dựa trên hiệu ứng văn bản 3D trong bộ phim khoa học viễn tưởng cổ điển bằng cách tạo ra tính tương tác để cuộn. Với sự hỗ trợ của các ảnh động được liên kết với tính năng cuộn của CSS theo chỉ định của thông số kỹ thuật mới nhất về Scroll Animations 1, hãy xem khi anh cuộn một số văn bản và làm cho văn bản đó biến mất vào cạnh của thiên hà, hay còn gọi là khung nhìn.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:29 – Giới thiệu
- 1:00 – Giờ câu chuyện
- 2:20 - Hoạt ảnh theo hướng cuộn
- 3:21 – HTML
- 4:00 – Dịch vụ so sánh giá (CSS)
- 8:58 - Gỡ lỗi
- 10:52 – Phần kết thúc
Tài nguyên:
- Thử bản minh hoạ → https://goo.gle/410acMc
- Xem nguồn → https://goo.gle/408Nkc1
- Xem thông số kỹ thuật → https://goo.gle/3pvWX49
Xem thêm Thử thách GUI → https://goo.gle/GUIchallenges
Đăng ký theo dõi kênh Google Chrome Developers → https://goo.gle/ChromeDevs