在今天令人毛骨悚然的 GUI 挑战赛中,@AdamArgyleInk 实时编写 CSS 剪辑路径过渡代码,演示一些激动人心的特效,并介绍了问题。如果您不知道 clip-path,则会在最后完成。
章节:
- 0:00 - 简介
- 0:41 - 概览
- 1:55 - 调试角
- 2:20 - 减少动作
- 4:55 - Chrometober
- 6:05 - 裁剪路径语法
- 14:20 - 方形过渡
- 19:25 - transition.style
- 21:02 - 结语
资源:
- 试用演示 → https://goo.gle/3DxkVEH
- 获取源代码 → https://goo.gle/3f7fm6n
- Transition.style → https://goo.gle/3W8nhkL
观看更多 GUI 挑战 → https://goo.gle/GUIchallenges
订阅 Google Chrome Developers 频道 → https://goo.gle/ChromeDevs