CSS3+SVG 的特性实现的，利用 border 的 dashoffset 来产生动画，带动画的算法和原理说明：
http://karat.cc/article/562f6d7bd6db69011de1bbdc
http://karat.cc/article/562f6d7bd6db69011de1bbdc
爱意满满的作品展示区。
This topic created in 4001 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
 |
dong3580Nov 24, 2015
1
建议，鼠标移走再来点
|
|
dong3580Nov 24, 2015
2
有 bug ，鼠标移上去画了两次，
|
 |
malcolmyuNov 24, 2015
3
可有 demo ……都看不到效果
|
 |
moonkillerNov 24, 2015
5
@caliy 没动啊 chrome 访问的
|
 |
dyq917Nov 24, 2015
6
酷你妹啊
|
 |
kanezengNov 24, 2015
7
@moonkiller 网页最上方的菜单。
|
|
kanezengNov 24, 2015
8
不论是从 Border 里到外，还是外到里，动画都会画一次。
|
 |
9
demo 就是网页最上方的 导航菜单啊。。。文章里那个图只是图片。。
|
 |
xhhjinNov 26, 2015
11
文章底部有错误啦！！
©20015 － 2016 Karat All Rights Reserved |
 |
GUMUJan 31, 2016
14
发现不仅边框有动画，文字还会抖动...
|
Select Language