Как перенести анимацию SVG из GearGenerator на сайт?

292

09 марта 2018, 13:59

Подскажите пожалуйста как правильно перенести и подключить вот эту http://geargenerator.com/#200,200,100,6,1,0,0,4,1,8,2,4,27,-90,0,0,16,4,4,27,-60,1,1,12,1,12,20,-60,2,0,60,5,12,20,0,0,0,2,-563 svg анимацию на сайт. Вставлял код в html из скачанного файла gearsetSVG, картинка красивая но не вертится!)) Как правильно это анимировать? Открывая этот файл в браузере но тоже статичен.

Answer 1

Звёздочки крутятся с помощью скриптов JS. У элемента div, в котором лежит звёздочка постоянно изменяется свойство style: в нём постоянно увеличивается или уменьшается угол поворота (это место подчёркнуто малиновым цветом на снимке экрана). Вы тоже можете написать скрипт, который будет делать такую операцию периодически.