Shape animation components- simple question. | Sololearn: Learn to code for FREE!


Shape animation components- simple 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)?

11/21/2018 11:50:47 AM


2 Answers

New Answer


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!!


Thanks, AL Araf.