Знам, че е възможно да се рисуват и анимират дъги в 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/ (Неработеща връзка)