Trong Thử thách GUI hôm nay, @AdamArgyleInk có một số hiệu ứng vật lý thú vị trên giao diện người dùng với các thuộc tính tuỳ chỉnh CSS, khung ảnh động yêu cầu và một số JavaScript.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:30 – Nền
- 1:32 – Giãn cách chữ
- 2:35 - Cỡ chữ
- 3:00 – Tỷ lệ
- 3:28 - Chuyển màu
- 3:42 - Bán kính đường viền
- 3:53 - Chiều rộng
- 4:08 – Xoay
- 5:26 - Thoát
- 6:28 - Xáo trộn ngăn xếp
- 7:05 – Sân chơi
- 10:48 - Góc gỡ lỗi
- 13:00 – HTML
- 13:17 – JavaScript
- 15:00 - Giải thích vật lý mùa xuân
- 18:28 – Giải thích bản minh hoạ
- 20:35 - Kết thúc
Tài nguyên:
- Thử bản minh hoạ → https://goo.gle/3GcHD58
- Xem nguồn → https://goo.gle/3n4Sfcg
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