I can't animate line. Why? Pls help

Question

https://code.sololearn.com/W7Xqkd6OzA3U/?ref=app

Answer 1

The animate element should be contained by "line" element, the same way you did with "rect" element.
Before:
<animate ... />
<line ...>
</line>

After:
<line ...>
<animate ... />
</line>

Then:
There's no attribute called "y" in "line" element. You are likely going to need to animate "y1" and "y2" separately.

Answer 2

You should do like this :

<svg width="500" height="600">
<line x1="50" y1="50" x2="100" y2="100" style="stroke:#000000; stroke-width:20">
<animate attributeName="y1" from="50" to="300"
dur="3s" fill="freeze" repeatCount="10"/>
</line>
</svg>

hope it helps.