Shape animation components- simple question.

Question

<svg width="1000" height="250">
<rect width="150" height="150" fill="orange">
<animate attributeName="x" from="0" to="300"
dur="3s" fill="freeze" repeatCount="2"/>
</rect>
</svg>

Anyone care to tell me what fill=freeze means as well as 'attributeName' being 'x'. Does it mean that the rectangle will move 300 units to the right(ie along x-axis/horizon)?

Answer 1

In animation, "fill" lets define what is the final state of the animation!

And your concept with "x" is true and you can also use y for y-axis!!

Answer 2

Thanks, AL Araf.