酷酷的SVG动画菜单

Author image Cloud on 前端 , UI , SVG
SVG动画,结合了CSS3的transition, 先看下效果图 动画效果: 直接参见本页面的导航菜单鼠标一上去,会有border变长,通过border的dashoffset的变化,包围住整个菜单矩形。用到了css3的animation,详细用法大家可以看下: http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html 讲的比较好注意,Firefox中跟webkit计算dash-offset方法有不同,需要fix一下:/** * FIX Firefox bugs: an