How to animate? | SoloLearn: Learn to code for FREE!

+1

How to animate?

Hi, i don't understand how to animate polyline without CSS and JS? <svg width="500" height="500"> <polyline style="stroke-linejoin: round; stroke: red; stroke-width: 10; fill: pink; stroke-linecap: round" points="200 210, 270 74, 100 30, 45 80"> <animate attributeName="x" from="50" to="100" dur="3s" fill="freeze" repeatCount="indefinite" /> </polyline> </svg> Мaybe the whole thing is - attributeName? Help please

5/29/2020 3:15:45 PM

✨🥇Blokhin Roman🥇✨

1 Answer

New Answer

+1

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate Check that out. I don't know what x is suppose to represent in attributeName. attributeName specifies the property to be animated. x isn't a value polyline property.