- 1
The program doesnāt work
I tried to write animate circle, but it isnāt working, pls help me to correct <svg width="1000" hight="1000"> <circle cx="80" cy="80" r="50" fill="purple" stroke="4" /> <animate attributeName="x" from="0" to="300" dur="4s" fill="freeze" repeatatCount="5"/> </svg>
2 Answers
+ 1
https://code.sololearn.com/W2N8kH78fHnM/?ref=app
I placed animate inside circle opening and closening tag, and changed attributeName to "cx" it was "x"
This is good resourse to learn more about svg animation https://css-tricks.com/guide-svg-animations-smil/
+ 3
<svg width="1000" height="1000">
<ellipse cx="100" cy="100" rx="50" ry="50" fill="#c32e04">
<animate attributeName="ry" from="50" to="100" begin="1s" dur="3s" repeatCount="3" fill="freeze"/>
</ellipse>
<circle cx="80" cy="280" r="50" fill="purple" stroke="4">
<animate attributeName="cx" from="0" to="300" dur="4s" repeatCount="5" fill="freeze"/>
</svg>