Как анимировать svg на чистом js?

Question

[Данил Ситдиков]

как анимировать svg на чистом js, только плиз не спрашиваете зачем и почему я не использую снап или d3, я хочу сам попробовать по извращаться на чистом js. https://jsfiddle.net/auh7mvsg/ вот ссылочка на svg как повернуть path на 45 градусов?

Answer 1

[Stalker_RED]

JS:

foo.onmouseover = function(){
	this.classList.toggle('rotate')
}

CSS:

img {
  transition: transform 1s ease;
}
.rotate {
  transform: rotate(45deg);
}

https://jsfiddle.net/auh7mvsg/1/

Comments

[Данил Ситдиков]

css ом я тоже могу.Как получить доступ к элементу path и записать его в переменную?

[Stalker_RED]

Данил Ситдиков, https://jsfiddle.net/auh7mvsg/2/

[Данил Ситдиков]

хз почему у меня не получилось получить доступ, но спасибо.

[Stalker_RED]

Данил Ситдиков, ну покажите что-ли код, или нужно угадать почему не получилось?