Trong Thử thách GUI bị ma ám hôm nay, @AdamArgyleInk mã trực tiếp chuyển đổi đường dẫn CSS, bản minh hoạ một số hiệu ứng Rad và khắc phục các vấn đề. Nếu không biết đường dẫn đến clip, bạn sẽ tìm hiểu đến cuối.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:41 – Tổng quan
- 1:55 - Góc gỡ lỗi
- 2:20 – Giảm chuyển động
- 4:55 - Chrometober
- 6:05 – cú pháp clip-path
- 14:20 - chuyển tiếp hình vuông
- 19:25 – transition.style
- 21:02 - Phần kết thúc
Tài nguyên:
- Thử bản minh hoạ → https://goo.gle/3DxkVEH
- Xem nguồn → https://goo.gle/3f7fm6n
- Transition.style → https://goo.gle/3W8nhkL
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