大家帮看一下这个网页的菜单按钮的动画怎么搞的

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3669 天前的主题，其中的信息可能已经有所发展或是发生改变。

实现这样的效果， html 结构应该怎么写， css 用 animation 还是 transition 啊，思路提一下，限于经验，我想了很久也没个结果

4 条回复 • 2016-01-06 11:50:13 +08:00

w88975

2015 年 12 月 28 日

其实就是 3 个横杠通过变换 rotate 角度 transition 作动作衔接
三根横杠变成 X 的时候，把中间那一根的 opacity 设为 0 然后剩余两根 rotate 旋转

sfree2005

2015 年 12 月 29 日 via Android

k652233

2015 年 12 月 29 日

@w88975 是我没说清楚，我说的是那个 nav 下落的动画，下落的时候，先后顺序是从左到右，上升的时候又变成从右到左。

Anshi

2016 年 1 月 6 日

应该是滚轮+fixed 吧