Как повернуть анимацыю в другую сторону
 

Здравствуйте, скажите пожадуйста как отразить анимацыю в другую сторону

<svg width="220" height="220" padding="0">
	<circle class="myCircle" />
</svg>
<style>
	.myCircle {
		margin: 0;
		cx: 110;
		cy: 110;
		r: 100;
		stroke-dasharray: 0 calc(2*3.14*100);
		fill: none;
		stroke: #333;
		stroke-width: 20;
		transition: 1s;
	}
	svg:hover .myCircle {
stroke-dasharray: calc(2 * 3.14 * 100 / 4) calc(2 * 3.14 *100 * 3 / 4);
	}
</style>

Можно использовать отражение scaleY(-1) но существуют ли методы удобнее

fori,

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Ето и есть минимальний код, — при наведении выплывает черная полоска вниз, в направлении от 2 к 4 получверти, как сделать выплывание наоборот от 2 к 1 получверти...

fori,

<svg width="220" height="220" padding="0">
    <circle class="myCircle" />
</svg>
<style>
    .myCircle {
        margin: 0;
        cx: 110;
        cy: 110;
        r: 100;
        stroke-dasharray: calc(2 * 3.14 * 100 ) ;
        fill: none;
        stroke: #333 ;
        stroke-width: 20;
        transition: 1s;
        stroke-dashoffset: calc(2 * 3.14 * 100 );
    }
    svg:hover .myCircle {
stroke-dasharray: calc(2*3.14*100) calc(2 * 3.14 * 75 );
    }
</style>