32 lines
3.4 KiB
XML
32 lines
3.4 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="6.24" height="6.24" viewBox="0 0 6.24 6.24" patternUnits="userSpaceOnUse">
|
||
|
|
<rect width="100%" height="100%" fill="#3AADAA"/>
|
||
|
|
<path id="patternLines" d="M0,1.7c1.56,0,1.56,2.84,3.12,2.84S4.68,1.7,6.24,1.7,7.8,4.54,9.36,4.54,10.92,1.7,12.48,1.7" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" stroke-width=".5" transform="translate(-6.2)">
|
||
|
|
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="3s" values="-6.2;0;" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
</pattern>
|
||
|
|
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||
|
|
<use xlink:href="#filterPath" fill="none"/>
|
||
|
|
</clipPath>
|
||
|
|
<path id="filterPath" d="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">
|
||
|
|
<animate class="animation" dur="40s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||
|
|
values="
|
||
|
|
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.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;
|
||
|
|
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.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"
|
||
|
|
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" preserveAspectRatio="xMaxYMid meet">
|
||
|
|
<path id="background" d="M140.2,1.6c10.3,6.5,7.2,34.6,17.6,54.5c10.3,19.7,34.2,31.2,40.4,45.9c6.3,14.9-5.2,33.3-23,40.4 c-17.9,7.2-42.4,3.3-58.9,14.2c-16.5,10.8-25.1,36.4-37.2,42.1s-27.6-8.5-29.8-27.4c-2.1-18.9,9.2-42.3,3-55 c-6.1-12.9-29.5-15.3-41.5-24.4C-1.3,82.9-1.8,67.3,2.4,51c4.1-16.2,12.8-33,26.9-37.4c14.2-4.4,33.8,3.7,55.4,0.3 C106.3,10.3,130-4.9,140.2,1.6z" fill="url(#pattern)"/>
|
||
|
|
</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>
|