CSS 版的 Path 2.0 Menu

2011-12-05 09:22:14 +08:00
 roamlog
http://sparanoid.com/lab/path-menu/
5131 次点击
所在节点    分享发现
31 条回复
gDD
2011-12-05 13:30:41 +08:00
看来和实现方法有关系,这个CSS版本就非常流畅:
http://lab.victorcoulon.fr/css/path-menu/

或者和Mobile Safari有关系。
iwege
2011-12-05 15:16:08 +08:00
@gDD animation里面改变animation-timing-function 我艹....

楼主的那个可能没吃进加速。你发的这个使用了translate3d定位。相对思路来说楼主的那个要简单实用。
kimcool
2011-12-05 15:28:40 +08:00
css3,好吧。又见一种效果而已。
GordianZ
2011-12-05 15:46:30 +08:00
@sparanoid 童鞋内牛满面
Sivan
2011-12-05 15:56:45 +08:00
没仔细看css。不知道用:target的话能否做到纯CSS……
ytzong
2011-12-05 17:19:56 +08:00
CSS3动画的最大问题是导致屏幕突然黑一下(至少在Chrome中)
sparanoid
2011-12-05 18:08:11 +08:00
感谢 @roamlog 的推荐。现在增加了按钮点击后的动画,看起来更来福了

@iwege 用的是 LESS

@gDD 在 iOS 上放大了就会卡。我把 viewport 去掉了,能流畅些

@Sivan 能用 :target 做,但能力有限,我觉得细节做不到那么细致
iwege
2011-12-05 18:33:49 +08:00
@sparanoid 经典,非常不错~
WarWithinMe
2011-12-05 18:45:56 +08:00
@zythum 确实,CSS要比JS流畅。。。chrome问题不大,但是其他浏览器真的太慢了。。。IE同学对不对得起都没所谓啦。。。反正用IE的都不会欣赏这种效果啦。。。
Sivan
2011-12-05 21:56:21 +08:00
http://lab.victorcoulon.fr/css/path-menu/
这个是个法国人用纯 CSS 做的,跟 LZ 这个效果差不多~
chaos_mical
2011-12-09 16:31:06 +08:00
@Sivan 早晨刚刚fork,看了一下法国这个思路蛮新颖的,一个checkbox的input,通过:checked判断点击,套label for代替

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

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

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

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

© 2021 V2EX