0

Can some one tell me why my animation is not working please!

<!DOCTYPE html> <html> <head> <title>my country flag</title> </head> <body bgcolor="navyblue"> <strong> UNFINISHED <font color="yellow"> UGANDAN</font> <font color="red">FLAG</font></strong> <svg width="2000" height="2000"> <rect width="275" height="30" x="20" y="10" fill="black"></rect> <rect width="275" height="30" x="20" y="40" fill="yellow"></rect> <rect width="275" height="30" x="20" y="70" fill="red"></rect> <rect width="275" height="30" x="20" y="100" fill="black"></rect> <rect width="275" height="30" x="20" y="130" fill="yellow"></rect> <rect width="275" height="30" x="20" y="160" fill="red">b</rect> <circle cx="150" cy="100" r="30" fill="white"/> <line x1="15" y1="10" x2="15" y2="380" stroke-width="8" stroke="black" stroke-linecap="round"/> <animate attributeName="stroke-width" from="0" to="8" dur="5s" fill="freeze" repeatCount="3"> </svg> </body> </html>

8th Apr 2022, 12:47 AM
lil jordan
lil jordan - avatar
3 Antworten
+ 2
Maybe, you missed to remove the slash in opening line tag. <line..."round">
8th Apr 2022, 9:27 AM
Simba
Simba - avatar
+ 1
Since you're trying to animate a line attribute, you need to close your line tag after animation. <line> <animate> </line>
8th Apr 2022, 4:51 AM
Simba
Simba - avatar
0
Simba thanks, but still it's not working out.
8th Apr 2022, 8:51 AM
lil jordan
lil jordan - avatar