导航栏微调 @keyframers

前几天我成为了 The Keyframers 的特邀嘉宾。我们研究了 Björgvin Pétur Sigurjónsson 在 Dribbble 上的一张设计稿，然后逐步构建，并中途绕了一些弯路，以讨论各种技术。

我们首先考虑完全用 CSS 实现，然后用一些轻量的 JavaScript 来更改一些数据属性作为状态，最终使用 flipping。

这是我们的最终结果

查看
与 Chris Coyier 合作的导航栏微调 | 三人合作动画教程 | @keyframers 2.14.0 by @keyframers (@keyframers)
在 CodePen 上。

视频

(我的音频从 12 分钟左右开始变得好转。）

其他方案！

我们的一些 Animigos 制作了他们自己的精彩版本！

➡️ @steeevg: https://#/ZP5RxJcAAa
➡️ @mariod: https://#/PAFiGyZzGs

还有其他解决方案吗？
试一试，分享你的成果！

— @keyframers (@keyframers) 2019 年 8 月 15 日