相关疑难解决方法(0)

是否可以仅使用HTML5/CSS3创建一个圆圈,其边框仅绕圆圈？如果没有,我可以使用哪些技术来实现这种效果？我更喜欢使用纯DOM元素,但如果必须,我可以在画布上绘制或旋转SVG.

我知道可以在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/(断开链接)