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