84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
样式也要一模一样,投影啊,要立体感那种,还要考虑万恶的ie6
ringa_lee
我知道的环形的画法是这样的:
背景圆形,颜色是背景色。 前景1是亮色,形状是一个半圆。 前景2是亮色,形状也是一个半圆。
前景3是背景色,形状是半圆。
表现百分比的时候是这样:
0%的时候,不显示亮色,所以都是灰色。
0%~50%的时候,让前景3开始旋转,让前景1和2中的一个不显示(取决于你准备向左旋转还是向右),这样前景1和前景3的角度差就是进度条。
50%~100%的时候,让前景1完全显示,让前景3继续旋转和前景2的角度差成为进度条。
所以这三个前景的位置关系是 前景3〉前景2〉前景1〉背景。
http://www.zhangxinxu.com/wordpress/2014/04/css3-pie-loading-waiting-a... 这是张鑫旭的文章,讲的也蛮有意思。
至于做一个环形就不用说了吧……
demo1demo2
需要调整一下
IE6楼主怎么实现的?求告知
我知道的环形的画法是这样的:
背景圆形,颜色是背景色。
前景1是亮色,形状是一个半圆。
前景2是亮色,形状也是一个半圆。
前景3是背景色,形状是半圆。
表现百分比的时候是这样:
0%的时候,不显示亮色,所以都是灰色。
0%~50%的时候,让前景3开始旋转,让前景1和2中的一个不显示(取决于你准备向左旋转还是向右),这样前景1和前景3的角度差就是进度条。
50%~100%的时候,让前景1完全显示,让前景3继续旋转和前景2的角度差成为进度条。
所以这三个前景的位置关系是 前景3〉前景2〉前景1〉背景。
http://www.zhangxinxu.com/wordpress/2014/04/css3-pie-loading-waiting-a... 这是张鑫旭的文章,讲的也蛮有意思。
至于做一个环形就不用说了吧……
demo1
demo2
需要调整一下
IE6楼主怎么实现的?求告知