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>
Often have questions like this?
Learn more efficiently, for free:
