用纯CSS3做成的Path菜单效果

王朝学院·作者佚名  2016-05-15
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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

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

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

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

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航