在今天的 GUI 挑战中，@AdamArgyleInk 分享了如何构建消息框，这是一种用于界面提供用户反馈的非交互式被动组件。探索 [output] 元素、CSS 网格、动画以及可帮助构建无障碍自适应组件的 FLIP 技术。
章节：
- 0:00 - 简介
- 0:23 - 概述
- 2:02 - [输出]
- 3:00 - 布局
- 4:41 - 动画
- 5:50 - JavaScript 第 1 部分
- 6:55 - 减少动作
- 7:43 - 关键帧
- 8:09 - JavaScript 第 2 部分
- 10:48 - F.L.I.P.
- 14:18 - 结尾
资源：
- 敬请阅读 → https://goo.gle/3GghBfI
- 试用演示 → https://goo.gle/3EHsuXG
- 获取源代码 → https://goo.gle/3oykceU
- 小菲 → https://goo.gle/3oz8P6D
- Paul Lewis（来自 SuperCharged）→ https://goo.gle/31IOFy0
观看更多 GUI 挑战 → https://goo.gle/GUIchallenges
订阅 Google Chrome Developers 频道 → https://goo.gle/ChromeDevs