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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 3782 days ago, the information mentioned may be changed or developed.

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

4 replies • 2016-01-06 11:50:13 +08:00

w88975

Dec 28, 2015

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

sfree2005

Dec 29, 2015 via Android

k652233

Dec 29, 2015

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

Anshi

Jan 6, 2016

应该是滚轮+fixed 吧