39 lines
4.9 KiB
XML
39 lines
4.9 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
|
||
|
|
<defs>
|
||
|
|
<pattern id="pattern" width="4" height="4" viewBox="0 -4 4 4" patternUnits="userSpaceOnUse">
|
||
|
|
<circle cx="1" cy="-1" r="0.5" fill="#3AADAA"/>
|
||
|
|
</pattern>
|
||
|
|
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||
|
|
<use xlink:href="#filterPath" fill="none"/>
|
||
|
|
</clipPath>
|
||
|
|
<path id="filterPath" d="M.6576.2997c.1024.0958.2115.1977.2171.3063c.0056.1078-.0922.2219-.1954.2566c-.1031.0347-.2104-.0107-.2926-.0366c-.0829-.0266-.1406-.0346-.1815-.0692C.1641.7228.1381.6616.1288.59C.1194.5184.1258.4377.1671.3426C.2087.2464.2852.1366.3718.1258C.4585.1155.5544.2046.6576.2997z">
|
||
|
|
<animate dur="40s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||
|
|
values="
|
||
|
|
M.6576.2997c.1024.0958.2115.1977.2171.3063c.0056.1078-.0922.2219-.1954.2566c-.1031.0347-.2104-.0107-.2926-.0366c-.0829-.0266-.1406-.0346-.1815-.0692C.1641.7228.1381.6616.1288.59C.1194.5184.1258.4377.1671.3426C.2087.2464.2852.1366.3718.1258C.4585.1155.5544.2046.6576.2997z;
|
||
|
|
M.815.2132c.0607.081.0739.2228.0461.3288c-.0277.1061-.0953.1762-.1564.2184c-.0607.0432-.114.0584-.1852.082c-.0716.0231-.1605.054-.2422.0118C.196.8109.121.6951.1252.5841c.0045-.1119.087-.2169.1688-.2978c.0821-.081.1624-.1369.2572-.1551C.6459.113.7542.1327.815.2132z;
|
||
|
|
M.7127.3c.0818.0788.1703.1503.1617.2129c-.0094.0626-.1153.1162-.196.1638c-.0818.0473-.1376.0878-.2408.1324c-.1021.0446-.2521.0941-.2965.0465c-.0448-.0473.0148-.1915.0437-.3067c.0296-.1155.0281-.202.0733-.2819C.3028.1883.3928.1174.4758.1257C.5577.1336.6317.2205.7127.3z;
|
||
|
|
M.7971.1498c.0778.048.0933.1748.0644.2765c-.0284.1017-.1004.1774-.1782.2615c-.0787.0848-.1628.1778-.2577.1865c-.095.0086-.1991-.0664-.2531-.1512c-.054-.0844-.0581-.1778-.0313-.2476c.0268-.0698.0837-.1156.1376-.1639C.3327.2635.3837.2136.4803.1731C.577.1318.7184.1014.7971.1498z;
|
||
|
|
M.6576.2997c.1024.0958.2115.1977.2171.3063c.0056.1078-.0922.2219-.1954.2566c-.1031.0347-.2104-.0107-.2926-.0366c-.0829-.0266-.1406-.0346-.1815-.0692C.1641.7228.1381.6616.1288.59C.1194.5184.1258.4377.1671.3426C.2087.2464.2852.1366.3718.1258C.4585.1155.5544.2046.6576.2997z"
|
||
|
|
calcMode="spline"
|
||
|
|
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
|
||
|
|
</path>
|
||
|
|
</defs>
|
||
|
|
<svg viewBox="0 0 200 200">
|
||
|
|
<path id="background" d="M185.1.2c14.2 3 5.8 49.9-2.3 81.4c-7.9 31.5-15.6 47.8-15.6 63.9c0 16.3 7.9 32.6-1.2 34.5c-9.1 1.9-35-10.5-49-7.2c-14.2 3.3-16.3 22.1-21.2 26.3c-4.7 4.2-11.7-6.1-29.8-7c-18.2-.9-47.1 7.5-55.7 1.4c-8.9-6.3 2.8-27 18.9-38.7c15.9-11.9 36.1-14.2 47.8-15.4c11.7-.9 14.7-.7 16.8-10.7c2.1-9.8 3.5-29.8 22.1-60.4C134.8 37.9 171.1-2.9 185.1.2z" fill="url(#pattern)">
|
||
|
|
<animate dur="40s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||
|
|
values="
|
||
|
|
M185.1.2c14.2 3 5.8 49.9-2.3 81.4c-7.9 31.5-15.6 47.8-15.6 63.9c0 16.3 7.9 32.6-1.2 34.5c-9.1 1.9-35-10.5-49-7.2c-14.2 3.3-16.3 22.1-21.2 26.3c-4.7 4.2-11.7-6.1-29.8-7c-18.2-.9-47.1 7.5-55.7 1.4c-8.9-6.3 2.8-27 18.9-38.7c15.9-11.9 36.1-14.2 47.8-15.4c11.7-.9 14.7-.7 16.8-10.7c2.1-9.8 3.5-29.8 22.1-60.4C134.8 37.9 171.1-2.9 185.1.2z;
|
||
|
|
M122.3,72.4c8.6,13.2,25.4,3.8,36.6,3.8c11.1,0.2,16.6,10,21.1,22.3c4.3,12.3,7.5,27.1,5.7,43.6 c-1.8,16.3-8.8,34.1-21.6,45.7c-12.9,11.6-31.6,16.8-45,7.3c-13.4-9.6-21.3-33.9-44.8-39.3c-23.4-5.5-62.3,8-60.4,1.1 c2-6.8,44.8-33.8,49.1-58.4C67.1,73.8,32.8,51.7,26.4,37C19.9,22.5,41.6,15.6,60.7,8.4C80,1.3,96.7-6.2,105.1,8.3 C113.7,22.7,113.9,59,122.3,72.4z;
|
||
|
|
M157.1 9.8c8.9 12.2 7.2 35.4.9 52.1c-6.1 16.7-17.1 27-17.2 37c-.3 10.2 10.3 20.1 14.7 33.7c4.4 13.5 2.9 30.9-5.7 44.7c-8.7 13.9-24.4 24.4-39 22.4c-14.5-2.1-27.8-16.8-40.3-28.5c-12.4-11.7-24-20.5-20.2-31.9c3.8-11.6 22.8-25.9 18.4-42.9C64.2 79.5 36.1 60 36.7 55.9c.7-4 29.8 7.6 46.8 0c17-7.6 21.6-34.3 33.5-47C129-3.7 148.3-2.4 157.1 9.8z;
|
||
|
|
M119 77.2c3.9 10.3 10.6 7.6 26.4 8.6c15.8 1 40.9 5.6 44.2 12c3.5 6.5-14.6 15-21 32.4c-6.4 17.4-1 43.5-8.3 58c-7.3 14.5-27.4 17.1-37.5-.1c-10-17.1-10.1-54.2-13.2-71.2c-2.9-17-8.5-13.9-24.6-14c-16-.1-42.3-3.6-58-16C11.4 74.5 6.6 53.2 12.2 35C17.9 16.9 34 2 52.5.2C71-1.7 92 9.5 103 26.6C114 43.7 115.1 66.9 119 77.2z;
|
||
|
|
M185.1.2c14.2 3 5.8 49.9-2.3 81.4c-7.9 31.5-15.6 47.8-15.6 63.9c0 16.3 7.9 32.6-1.2 34.5c-9.1 1.9-35-10.5-49-7.2c-14.2 3.3-16.3 22.1-21.2 26.3c-4.7 4.2-11.7-6.1-29.8-7c-18.2-.9-47.1 7.5-55.7 1.4c-8.9-6.3 2.8-27 18.9-38.7c15.9-11.9 36.1-14.2 47.8-15.4c11.7-.9 14.7-.7 16.8-10.7c2.1-9.8 3.5-29.8 22.1-60.4C134.8 37.9 171.1-2.9 185.1.2z"
|
||
|
|
calcMode="spline"
|
||
|
|
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
|
||
|
|
</path>
|
||
|
|
</svg>
|
||
|
|
<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>
|