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

2015-12-28 22:48:38 +08:00
 k652233

http://www.borngroup.com/work/harley-davidson-nyc/
上面是网站。

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

2392 次点击
所在节点    前端开发
4 条回复
w88975
2015-12-28 23:37:42 +08:00
其实就是 3 个横杠 通过变换 rotate 角度 transition 作动作衔接
三根横杠变成 X 的时候,把中间那一根的 opacity 设为 0 然后剩余两根 rotate 旋转
sfree2005
2015-12-29 08:33:18 +08:00
k652233
2015-12-29 13:56:05 +08:00
@w88975 是我没说清楚,我说的是那个 nav 下落的动画,下落的时候,先后顺序是从左到右,上升的时候又变成从右到左。
Anshi
2016-01-06 11:50:13 +08:00
应该是滚轮+fixed 吧

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/246795

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX