CSS3+SVG 的特性实现的，利用 border 的 dashoffset 来产生动画，带动画的算法和原理说明：
http://karat.cc/article/562f6d7bd6db69011de1bbdc
http://karat.cc/article/562f6d7bd6db69011de1bbdc
爱意满满的作品展示区。
This topic created in 3864 days ago, the information mentioned may be changed or developed.
Supplement 1 · Nov 24, 2015
demo 就是打开页面的的导航 菜单~~
文章里面的是图片。。
文章里面的是图片。。
15 replies • 2016-02-01 10:04:14 +08:00
 |
1
dong3580 Nov 24, 2015
建议，鼠标移走再来点
|
|
2
dong3580 Nov 24, 2015
有 bug ，鼠标移上去画了两次，
|
 |
3
malcolmyu Nov 24, 2015
可有 demo ……都看不到效果
|
 |
5
moonkiller Nov 24, 2015
@caliy 没动啊 chrome 访问的
|
 |
6
dyq917 Nov 24, 2015
酷你妹啊
|
 |
7
kanezeng Nov 24, 2015
@moonkiller 网页最上方的菜单。
|
|
8
kanezeng Nov 24, 2015
不论是从 Border 里到外，还是外到里，动画都会画一次。
|
 |
9
xunuoi OP demo 就是网页最上方的 导航菜单啊。。。文章里那个图只是图片。。
|
 |
11
xhhjin Nov 26, 2015
文章底部有错误啦！！
©20015 － 2016 Karat All Rights Reserved |
 |
14
GUMU Jan 31, 2016
发现不仅边框有动画，文字还会抖动...
|
Select Language