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
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.7618.393c.0772.1327.1644.2791.1308.3725c-.0336.0938-.1876.1346-.3409.1346c-.1536 0-.3069-.0421-.3873-.1666c-.08-.1245-.0876-.3313-.0112-.4644C.2297.1359.3901.0773.5038.108C.6182.1395.685.2594.7618.393z">
<animate dur="18s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M.7618.393c.0772.1327.1644.2791.1308.3725c-.0336.0938-.1876.1346-.3409.1346c-.1536 0-.3069-.0421-.3873-.1666c-.08-.1245-.0876-.3313-.0112-.4644C.2297.1359.3901.0773.5038.108C.6182.1395.685.2594.7618.393z;
M.8344.2313c.0943.1136.0847.3092-.0142.4568c-.0989.148-.2874.2468-.3849.2004c-.0966-.0464-.1016-.238-.1622-.366c-.061-.1284-.1763-.192-.1731-.2592c.0022-.068.1234-.1384.2824-.158C.5424.0861.7401.1173.8344.2313z;
M.7618.393c.0772.1327.1644.2791.1308.3725c-.0336.0938-.1876.1346-.3409.1346c-.1536 0-.3069-.0421-.3873-.1666c-.08-.1245-.0876-.3313-.0112-.4644C.2297.1359.3901.0773.5038.108C.6182.1395.685.2594.7618.393z"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</defs>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
<svg viewBox="0 0 28.35 28.35" preserveAspectRatio="none">
<path id="line_1" d="M3,7.37A9.92,9.92,0,0,1,9.29,2.72M2,7A9.65,9.65,0,0,1,7,2.34" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.5">
<animate dur="18s" repeatCount="indefinite" attributeName="d" attributeType="XML"
values="
M3,7.37A9.92,9.92,0,0,1,9.29,2.72M2,7A9.65,9.65,0,0,1,7,2.34;
M2,6.87a9.9,9.9,0,0,1,6-5.09M1,6.58a9.71,9.71,0,0,1,4.61-5;
M3,7.37A9.92,9.92,0,0,1,9.29,2.72M2,7A9.65,9.65,0,0,1,7,2.34"
calcMode="spline"
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
</path>
</svg>
</svg>
|
