在今天的 GUI 挑战中,@AdamArgyleInk 使用自定义属性为网络上所有不同的按钮类型设定样式,并利用 :where() 轻松构建新变体的浅色/深色自适应按钮。
章节:
- 0:00 - 简介
- 0:19 - 概述
- 2:08 - 键盘用户体验
- 2:46 - 新的主题切换器
- 3:09 - 鼠标用户体验
- 3:34 - 表单中按钮
- 4:30 - 按钮被停用
- 5:22 - HTML
- 5:43 - CSS 基本选择器
- 6:24 - 自适应自定义属性
- 7:20 - 按钮变体
- 10:10 - 直播按钮变体构建
- 11:18 - 要点回顾
- 11:50 - 减少动作
- 12:57 - 结尾
资源:
- 敬请阅读 → https://goo.gle/3wEsaWR
- 试用演示版 → https://goo.gle/3a2guoV
- 获取源代码 →https://goo.gle/39uY8Na
观看更多 GUI 挑战 → https://goo.gle/GUIchallenges
订阅 Google Chrome Developers 频道 → https://goo.gle/ChromeDevs