jquery+CSS3模拟Path2.0动画菜单效果代码_jquery

本文实例讲述了jquery+CSS3模拟Path2.0动画菜单效果代码。分享给大家供大家参考。具体如下：

CSS3实现的仿手机软件菜单，动画菜单，注意的地方，小按钮位移后有个缓冲，每个小按钮缓冲的距离不一样，每个小按钮位移的时间有间隔，处理好这些细节才能体现出灵动的效果。

CSS3代码：(请用非IE标准浏览器访问)由于代码运行框缺陷，请先刷新一下页面动画运行更流畅。Path菜单的小按钮本来应该也可以旋转的，但CSS3动画的位移和旋转同时出现时不知道为何旋转就没效果了，所以这里没弄出来，感兴趣的朋友可以研究一下解决方法。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-css3-path2-style-flash-codes/

具体代码如下：

   
由于代码运行框缺陷，请先刷新一下页面动画运行更流畅
 
 
菜单
 
照相
 
位置
 
音乐
 
聊天
 
夜间
 
 

希望本文所述对大家的jquery程序设计有所帮助。