How to animate position of a path ? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 26

How to animate position of a path ?

Help please i have an svg drawing with a path and i want to animate position of it - for example : to animate position of a circle you need to use this tag : <animate attributename="cx" from="100" to="200" dur="3s" ... /> - is it posible to do the same with path ?

25th Feb 2018, 1:51 PM
Youssef Ouamou
Youssef Ouamou - avatar
5 Answers
+ 6
it is possible,with css too.like this:path { stroke-dasharray: 2000; -webkit-animation: path 200s linear alternate infinite; } @-webkit-keyframes path { from { stroke-dashoffset: 2000; } to { stroke-dashoffset: 0; } }
5th Mar 2018, 11:15 AM
caida dodosy
caida dodosy - avatar
5th Mar 2018, 11:22 AM
caida dodosy
caida dodosy - avatar
+ 2
I think try to enter java it might help you
27th Feb 2018, 2:19 PM
justin kasongo Mbwebwe
justin kasongo Mbwebwe - avatar
+ 1
It is easier with CSS - @keyframes
8th Mar 2018, 6:17 PM
Adilet
Adilet - avatar