Спасибо, то что нужно))
Позвольте спросить как изменять stroke-dasharray напримеор в hover
К примеру етот код переносит черную полоску вверх, как сделать так чтоб ета полоска уменьшалась при перетягивании вверх по 2д-окружности относительно центра
<svg width="220" height="220" padding="0">
<circle class="myCircle"/>
</svg>
<style>
.myCircle {
margin:0;
cx:110;
cy:110;
r:100;
transform-origin: center;
transform: rotate(-60deg);
fill: none;
stroke: #333;
stroke-width: 20;
stroke-dasharray: calc(2*3.14*100/3) calc(2*3.14*100*2 /3);
transition: stroke-dashoffset 1s;
}
svg:hover{
stroke-dashoffset: calc(2*3.14*100/3);
stroke-dasharray: 0 calc(2*3.14*100); //не работает
}
</style>