Lydiafly

Coder,Like JS

导航

2014年3月13日 #

CSS3制作同心圆进度条

摘要: 1、css代码此处在制作进度条时,是旋转进度条的半圆(红色),背景使用灰白(如果使用红色作为背景,旋转灰白遮罩,在浏览器中可能会有渲染bug)1 .wrapper{ display:block;position:relative;width:100px;height:100px;border-radius:50px;overflow:hidden; }2 .pie { position:absolute;background-color:#e74c3c;width:100px;height:100px; }3 .pie1 { clip:rect(0px,50px,100px,0px); }4 阅读全文

posted @ 2014-03-13 10:18 lydiafly 阅读(2889) 评论(1) 推荐(1) 编辑