+ 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 ?
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;
}
}
+ 2
I think try to enter java it might help you
+ 1
It is easier with CSS - @keyframes