Animation

Question

<svg width="350" height="300">
<rect width="30" height="30"
fill="red">
<animate attributeName="y" from="300" to="0"
dur="20s" fill="freeze"
repeatCount="20"/>
</rect>
<rect width="30" height="30"
fill="green">
<animate attributeName="x" from="0" to="300"
dur="20s" fill="freeze"
repeatCount="20"/>
</rect>
</svg>

Answer 1

please describe more about your query what you want to ask.

Answer 2

Abdeljebbar animate is not a html tag i don't understad why you have used it
animation are done using css3 or jqyery/javascript
you should first see css3 animation attributes and how to make them & use

Answer 3

How to algin an animation shape of a rectangle moving from 50px to 250px in y to the center or right side

Answer 4

Lesley Tulienge there are many ways
1.normal css will work like position absolute
right:0;
2. or use margin property
margin: auto;
3. float:right||centre;
4.define position in animation keyframes
right:0px;

Answer 5

Thnks Amir Ahmad let me go down to work

Answer 6

test