分享一个酷酷的 SVG 动画

[xunuoi]

CSS3+SVG 的特性实现的，利用 border 的 dashoffset 来产生动画，带动画的算法和原理说明：
http://karat.cc/article/562f6d7bd6db69011de1bbdc

[dong3580]

建议，鼠标移走再来点

[dong3580]

有 bug ，鼠标移上去画了两次，

[malcolmyu]

可有 demo ……都看不到效果

[caliy]

@malcolmyu 打开就是啊，网页上面的就是效果

[moonkiller]

@caliy 没动啊 chrome 访问的

[dyq917]

酷你妹啊

[kanezeng]

@moonkiller 网页最上方的菜单。

[kanezeng]

不论是从 Border 里到外，还是外到里，动画都会画一次。

[xunuoi]

demo 就是网页最上方的 导航菜单啊。。。文章里那个图只是图片。。

[malcolmyu]

@caliy 哦哦，就是你博客上面那个效果哈

[xhhjin]

文章底部有错误啦！！

©20015 － 2016 Karat All Rights Reserved

[xunuoi]

@malcolmyu 是哒，具体算法在 code 有注释，想迁徙改改 scss 中的变量即可！

[xunuoi]

@xhhjin 感谢，已修正！

[GUMU]

发现不仅边框有动画，文字还会抖动...

[xunuoi]

@GUMU 恩，放大 letter-sapce 的动画，看起来文字就往外膨胀一下