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
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<pattern id="_10_lpi_80_2" data-name="10 lpi 80% 2" width="72" height="72" stroke="#3AADAA"
patternTransform="translate(0 432)" patternUnits="userSpaceOnUse" viewBox="0 0 72 72">
<line x1="71.75" y1="68.4" x2="144.25" y2="68.4" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="54" x2="144.25" y2="54" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="39.6" x2="144.25" y2="39.6" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="25.2" x2="144.25" y2="25.2" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="10.8" x2="144.25" y2="10.8" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="61.2" x2="144.25" y2="61.2" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="46.8" x2="144.25" y2="46.8" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="32.4" x2="144.25" y2="32.4" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="18" x2="144.25" y2="18" fill="none" stroke-width="5.76"></line>
<line x1="71.75" y1="3.6" x2="144.25" y2="3.6" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="68.4" x2="72.25" y2="68.4" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="54" x2="72.25" y2="54" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="39.6" x2="72.25" y2="39.6" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="25.2" x2="72.25" y2="25.2" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="10.8" x2="72.25" y2="10.8" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="61.2" x2="72.25" y2="61.2" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="46.8" x2="72.25" y2="46.8" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="32.4" x2="72.25" y2="32.4" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="18" x2="72.25" y2="18" fill="none" stroke-width="5.76"></line>
<line x1="-0.25" y1="3.6" x2="72.25" y2="3.6" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="68.4" x2="0.25" y2="68.4" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="54" x2="0.25" y2="54" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="39.6" x2="0.25" y2="39.6" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="25.2" x2="0.25" y2="25.2" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="10.8" x2="0.25" y2="10.8" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="61.2" x2="0.25" y2="61.2" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="46.8" x2="0.25" y2="46.8" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="32.4" x2="0.25" y2="32.4" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="18" x2="0.25" y2="18" fill="none" stroke-width="5.76"></line>
<line x1="-72.25" y1="3.6" x2="0.25" y2="3.6" fill="none" stroke-width="5.76"></line>
</pattern>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"></use>
</clipPath>
<path id="filterPath"
d="M0.5445,0.9688c-0.2063,0.0394-0.4415-0.1849-0.4528-0.5113-0.0071-0.2074,0.0673-0.3879,0.2684-0.4499C0.5331-0.0457,0.7045,0.1957,0.8386,0.3123,1.0825,0.5244,0.8744,0.9058,0.5445,0.9688Z">
</path>
</defs><svg viewBox="58.99126052856445 134.33645629882812 199.1487579345703 77.86276245117188"
preserveAspectRatio="none">
<path class="background"
d="M230.8,189.77c81.18-52.47-33.17-41.18-150.22-55.2-24.59-2.94-32.31,22.14-1,60.38C104.48,225.45,199.15,210.23,230.8,189.77Z"
fill="url(#_10_lpi_80_2)"></path>
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"></use>
</svg>
<image xlink:href="" clip-path="url(#clip-path)">
<animateMotion dur="1ms" repeatCount="indefinite"/>
</image>
</svg>
|
