用纯CSS3做成的Path菜单效果

文章来自36氪

Path的UI惊起哇声一片,最大的亮点无疑是左下角的菜单展开效果。于是有各个版本的仿Path菜单出现,比如我们之前报道过的国内某牛人的作品,这里还有若干个关于Path菜单的讨论。但最引人注意的还是来自法国小伙Victor的作品:用纯CSS3制作的Path菜单效果。

他说他喜欢Path的新界面,尤其是添加菜单,作为一个前端设计师的他打算在浏览器里实现同样的效果。以下是他制作的一段视频:

整个作品通过html/css3完成,没有使用任何图片,没有任何javascript。因此仅支持Webkit浏览器。Victor通过Sass+Compass计算每个图标的坐标,并生成了动画效果。你不用重写代码就可以添加或删除项目。

实际效果请移步至这里,你可以在github上找到这段源代码

 

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 用纯CSS3做成的Path菜单效果

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    说是个法国人写的

    顾小北7年前 (2011-12-06)回复
  2. #-48

    前几天试了一下,火狐也支持的。

    一米7年前 (2011-12-06)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏