SVG анимация

[artefakt777]

Начал разбираться с svg. Имеется вот такая анимированная иконка Для просмотра ссылки Войди или Зарегистрируйся
Анимация начинает работать при загрузке страницы. Нужно реализовать так, чтобы стартовала при попадание в область просмотра. Есть предложения?

 

[artefakt777]

Для просмотра ссылки Войди или Зарегистрируйся

Решение годное, но на сайте конфликт с jquery, не запускается анимация. Есть ли варианты без jquery? Спасибо.

 

[funnywheel]

Решение годное, но на сайте конфликт с jquery, не запускается анимация. Есть ли варианты без jquery? Спасибо.

используйте jQuery вместо $

 

[ultra]

Для просмотра ссылки Войди или Зарегистрируйся
<-------------- добавлено через 6347 сек. -------------->

Решение годное, но на сайте конфликт с jquery, не запускается анимация. Есть ли варианты без jquery? Спасибо.

Для просмотра ссылки Войди или Зарегистрируйся

 

[Dmytrodddddd]

Подскажите редактор svg форматов?

 

[ultra]

Подскажите редактор svg форматов?

adobe illustrator, inkscape

 

[xxxsoal]

Решение годное, но на сайте конфликт с jquery, не запускается анимация. Есть ли варианты без jquery? Спасибо.

так же можно обратить внимание на noConflict для jQuery

вариант со стартом из нужного места.. по определенному событию присвойте в елемент html класс .path который связывает с кейфреймами
если в область просмотра именно, тут надо будет считать проскроленные пиксели

 

[artefakt777]

Всем спасибо, на мой взгляд нашел самое удобное решение.
Для просмотра ссылки Войди или Зарегистрируйся