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