我知道可以在svg和canvas中绘制和制作弧形.但是,它有可能在CSS?
我使用以下方法创建了一个弧:
.arc{ width:150px; height:400px; border-radius:50%; border-right:1px solid black; border-left:1px solid black; border-top:1px solid black; border-bottom:1px solid white; }
原始小提琴:
http://jsfiddle.net/YGKWT/(断链)
但是,我该如何设置动画呢?我能想到的唯一方法就是在它上面放一个纯白色的div,并向右滑动div,逐渐显示出弧线.有没有更好的办法?
编辑:
这是我正在寻找的动画类型:
http://jsfiddle.net/nQLY7/(断链)