Animation | SoloLearn: Learn to code for FREE!

+1

Animation

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

8/22/2018 1:45:45 PM

Abdeljebbar

6 Answers

New Answer

+7

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

+3

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

+3

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

+3

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;

+3

Thnks Amir Ahmad let me go down to work

+1