Cân nhắc cách giải quyết văn bản khoa học viễn tưởng 3D
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
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:
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
arrow_back Quay lại trang tất cả các tập
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2023-04-12 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2023-04-12 UTC."],[],[]]