Показать сообщение отдельно
  #1 (permalink)  
Старый 05.02.2021, 15:44
Кандидат Javascript-наук
Отправить личное сообщение для fori Посмотреть профиль Найти все сообщения от fori
 
Регистрация: 27.01.2021
Сообщений: 117

Как повернуть анимацыю в другую сторону
Здравствуйте, скажите пожадуйста как отразить анимацыю в другую сторону
<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, 05.02.2021 в 17:48.
Ответить с цитированием