| OLD | NEW |
| 1 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"> | 1 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"> |
| 2 <defs> | 2 <defs> |
| 3 <style type="text/css"><![CDATA[ | 3 <style type="text/css"><![CDATA[ |
| 4 #square { | 4 #square { |
| 5 fill: red; | 5 fill: red; |
| 6 animation: keyframes 0.01s; | 6 animation: keyframes 0.01s; |
| 7 animation-fill-mode: forwards; | 7 animation-fill-mode: forwards; |
| 8 animation-timing-function: step-end; | 8 animation-timing-function: step-end; |
| 9 } | 9 } |
| 10 @keyframes keyframes { | 10 @keyframes keyframes { |
| 11 0% { fill: pink } | 11 0% { fill: pink } |
| 12 /* To prevent flakiness, rapidly switch to green */ | 12 /* To prevent flakiness, rapidly switch to green */ |
| 13 1% { fill: green } | 13 1% { fill: green } |
| 14 100% { fill: green } | 14 100% { fill: green } |
| 15 } | 15 } |
| 16 ]]></style> | 16 ]]></style> |
| 17 </defs> | 17 </defs> |
| 18 <rect id="square" width="5" height="5" x="5" y="5"></rect> | 18 <rect id="square" width="30" height="30" x="10" y="10"></rect> |
| 19 </svg> | 19 </svg> |
| OLD | NEW |