这是一个创建于 3701 天前的主题，其中的信息可能已经有所发展或是发生改变。
CSS3+SVG 的特性实现的，利用 border 的 dashoffset 来产生动画，带动画的算法和原理说明：
http://karat.cc/article/562f6d7bd6db69011de1bbdc
http://karat.cc/article/562f6d7bd6db69011de1bbdc
第 1 条附言 · 2015 年 11 月 24 日
demo 就是打开页面的的导航 菜单~~
文章里面的是图片。。
文章里面的是图片。。
15 条回复 • 2016-02-01 10:04:14 +08:00
 |
1
dong3580 2015 年 11 月 24 日
建议，鼠标移走再来点
|
|
2
dong3580 2015 年 11 月 24 日
有 bug ，鼠标移上去画了两次，
|
 |
3
malcolmyu 2015 年 11 月 24 日
可有 demo ……都看不到效果
|
 |
5
moonkiller 2015 年 11 月 24 日
@caliy 没动啊 chrome 访问的
|
 |
6
dyq917 2015 年 11 月 24 日
酷你妹啊
|
 |
7
kanezeng 2015 年 11 月 24 日
@moonkiller 网页最上方的菜单。
|
|
8
kanezeng 2015 年 11 月 24 日
不论是从 Border 里到外，还是外到里，动画都会画一次。
|
 |
9
xunuoi OP demo 就是网页最上方的 导航菜单啊。。。文章里那个图只是图片。。
|
 |
11
xhhjin 2015 年 11 月 26 日
文章底部有错误啦！！
©20015 － 2016 Karat All Rights Reserved |
 |
14
GUMU 2016 年 1 月 31 日
发现不仅边框有动画，文字还会抖动...
|
Select Language