Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 400" style="background-color: black">
<!-- Upper left -->
<polygon fill="gold"
points="50,50 60,10 70,50 110,50 75,70 85,110 60,85 35,110 45,70 10,50">
<animate id="animation1"
attributeName="opacity"
from="0" to="1" dur="2s"
begin="animation2.end" />
<animate id="animation2"
attributeName="opacity"
from="1" to="0" dur="3s"
begin="0s;animation1.end" />
</polygon>
<!-- Middle -->
<polygon fill="gold"
points="183.75,183.75 191.25,153.75 198.75,183.75 228.75,183.75 202.5,198.75 210,228.75 191.25,210 172.5,228.75 180,198.75 153.75,183.75">
<animate id="animation3"
attributeName="opacity"
from="0" to="1" dur="2s"
begin="animation4.end" />
<animate id="animation4"
attributeName="opacity"
from="1" to="0" dur="2s"
begin="1s;animation3.end" />
</polygon>
<!-- Upper right -->
<polygon fill="gold"
points="330,50 340,10 350,50 390,50 355,70 365,110 340,85 315,110 325,70 290,50">
<animate id="animation5"
attributeName="opacity"
from="0" to="1" dur="2s"
begin="animation6.end" />
<animate id="animation6"
attributeName="opacity"
from="1" to="0" dur="2s"
begin="3s;animation5.end" />
</polygon>
<!-- Bottom right -->
<polygon fill="gold"
points="330,330 340,290 350,330 390,330 355,350 365,390 340,360 315,390 325,350 290,330">
<animate id="animation7"
attributeName="opacity"
from="0" to="1" dur="2s"
begin="animation8.end" />
<animate id="animation8"
attributeName="opacity"
from="1" to="0" dur="2s"
begin="2s;animation7.end" />
</polygon>
<!-- Bottom left -->
<polygon fill="gold"
points="50,330 60,290 70,330 110,330 75,350 85,390 60,365 35,390 45,350 10,330">
<animate id="animation9"
attributeName="opacity"
from="0" to="1" dur="3s"
begin="animation10.end" />
<animate id="animation10"
attributeName="opacity"
from="1" to="0" dur="2s"
begin="4s;animation9.end" />
</polygon>
</svg>