OLD | NEW |
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin
k"> | 1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin
k"> |
2 <rect x="10" y="10" width="50" height="50" color="green" fill="red"> | 2 <rect x="10" y="10" width="50" height="50" color="green" fill="red"> |
3 <animateColor attributeName="fill" from="green" to="currentColor" begin="0s"
dur="1s" fill="freeze"/> | 3 <animate attributeName="fill" from="green" to="currentColor" begin="0s" dur=
"1s" fill="freeze"/> |
4 </rect> | 4 </rect> |
5 <rect x="60" y="10" width="50" height="50" color="green" fill="red"> | 5 <rect x="60" y="10" width="50" height="50" color="green" fill="red"> |
6 <animateColor attributeName="fill" from="currentColor" to="currentColor" beg
in="0s" dur="1s" fill="freeze"/> | 6 <animate attributeName="fill" from="currentColor" to="currentColor" begin="0
s" dur="1s" fill="freeze"/> |
7 </rect> | 7 </rect> |
8 <rect x="10" y="60" width="50" height="50" color="green" fill="red"> | 8 <rect x="10" y="60" width="50" height="50" color="green" fill="red"> |
9 <animateColor attributeName="fill" from="currentColor" by="black" begin="0s"
dur="1s" fill="freeze"/> | 9 <animate attributeName="fill" from="currentColor" by="black" begin="0s" dur=
"1s" fill="freeze"/> |
10 </rect> | 10 </rect> |
11 <rect x="60" y="60" width="50" height="50" color="black" fill="red"> | 11 <rect x="60" y="60" width="50" height="50" color="black" fill="red"> |
12 <animateColor attributeName="fill" from="green" by="currentColor" begin="0s"
dur="1s" fill="freeze"/> | 12 <animate attributeName="fill" from="green" by="currentColor" begin="0s" dur=
"1s" fill="freeze"/> |
13 </rect> | 13 </rect> |
14 <rect x="10" y="110" width="50" height="50" color="green" fill="red"> | 14 <rect x="10" y="110" width="50" height="50" color="green" fill="red"> |
15 <animate attributeName="fill" from="green" to="currentColor" begin="0s" dur=
"1s" accumulate="sum" fill="freeze" /> | 15 <animate attributeName="fill" from="green" to="currentColor" begin="0s" dur=
"1s" accumulate="sum" fill="freeze" /> |
16 </rect> | 16 </rect> |
17 <rect x="60" y="110" width="50" height="50" color="green" fill="red"> | 17 <rect x="60" y="110" width="50" height="50" color="green" fill="red"> |
18 <animate attributeName="fill" from="green" to="currentColor" begin="0s" dur=
"1s" fill="freeze" /> | 18 <animate attributeName="fill" from="green" to="currentColor" begin="0s" dur=
"1s" fill="freeze" /> |
19 </rect> | 19 </rect> |
20 <rect x="10" y="160" width="50" height="50" color="green" fill="red"> | 20 <rect x="10" y="160" width="50" height="50" color="green" fill="red"> |
21 <animate attributeName="fill" from="currentColor" to="green" begin="0s" dur=
"1s" fill="freeze" /> | 21 <animate attributeName="fill" from="currentColor" to="green" begin="0s" dur=
"1s" fill="freeze" /> |
22 </rect> | 22 </rect> |
23 <rect x="60" y="160" width="50" height="50" color="green" fill="red"> | 23 <rect x="60" y="160" width="50" height="50" color="green" fill="red"> |
24 <animate attributeName="fill" from="currentColor" to="currentColor" begin="0
s" dur="1s" fill="freeze"/> | 24 <animate attributeName="fill" from="currentColor" to="currentColor" begin="0
s" dur="1s" fill="freeze"/> |
25 </rect> | 25 </rect> |
26 <rect x="10" y="210" width="50" height="50" color="green" fill="black"> | 26 <rect x="10" y="210" width="50" height="50" color="green" fill="black"> |
27 <animate attributeName="fill" from="currentColor" to="currentColor" begin="0
s" dur="1s" fill="freeze" additive="sum"/> | 27 <animate attributeName="fill" from="currentColor" to="currentColor" begin="0
s" dur="1s" fill="freeze" additive="sum"/> |
28 </rect> | 28 </rect> |
29 <rect x="60" y="210" width="50" height="50" color="#001000" fill="red"> | 29 <rect x="60" y="210" width="50" height="50" color="#001000" fill="red"> |
30 <animate attributeName="fill" from="black" by="currentColor" begin="-16s" du
r="1s" repeatCount="20" accumulate="sum" fill="freeze" /> | 30 <animate attributeName="fill" from="black" by="currentColor" begin="-16s" du
r="1s" repeatCount="20" accumulate="sum" fill="freeze" /> |
31 </rect> | 31 </rect> |
32 </svg> | 32 </svg> |
OLD | NEW |