43 lines
4.9 KiB
XML
43 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="250" height="30" patternUnits="userSpaceOnUse" patternTransform="rotate(41) scale(0.3)">
|
||
|
|
<rect fill="#FFFFFF" width="250" height="30"/>
|
||
|
|
<path id="patternPath" data-color="outline" fill="none" stroke="#3AADAA" stroke-width="3.77" d="M-62.5-15C-31.3-15 0-7.5 0-7.5S31.3 0 62.5 0 125-7.5 125-7.5s31.3-7.5 62.5-7.5S250-7.5 250-7.5 281.3 0 312.5 0"/>
|
||
|
|
<use xlink:href="#patternPath" y="15"/>
|
||
|
|
<use xlink:href="#patternPath" y="30"/>
|
||
|
|
<use xlink:href="#patternPath" y="45"/>
|
||
|
|
</pattern>
|
||
|
|
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||
|
|
<use xlink:href="#filterPath" fill="none"/>
|
||
|
|
</clipPath>
|
||
|
|
<path id="filterPath" d="M.875.2495c.0538.1029.0127.2523-.0475.3419c-.0602.0896-.1426.1229-.2408.2025c-.0982.0796-.2091.2125-.3231.2058c-.114-.0067-.2281-.1461-.2566-.2988c-.0285-.1527.0318-.3186.1331-.4315c.1013-.1129.2439-.1693.3896-.1693c.1457-.0033.2914.0498.3452.1493z">
|
||
|
|
<animate dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||
|
|
values="
|
||
|
|
M.875.2495c.0538.1029.0127.2523-.0475.3419c-.0602.0896-.1426.1229-.2408.2025c-.0982.0796-.2091.2125-.3231.2058c-.114-.0067-.2281-.1461-.2566-.2988c-.0285-.1527.0318-.3186.1331-.4315c.1013-.1129.2439-.1693.3896-.1693c.1457-.0033.2914.0498.3452.1493z;
|
||
|
|
M.7453.1261c.0953.0608.1684.2308.1526.4008c-.0159.166-.1239.3319-.2606.4129c-.1366.081-.3019.081-.4225-.004c-.1207-.0851-.2002-.2551-.2128-.421c-.0128-.1619.0413-.3198.1207-.3765c.0795-.0567.1875-.0081.2986-.0121c.1144-.004.2288-.0567.3241 0z;
|
||
|
|
M.7146.3168c.1146.1242.219.2706.1751.3566c-.0438.0891-.2325.121-.3942.1847c-.1617.0669-.2965.1655-.3773.1369c-.0842-.0286-.1146-.1814-.1179-.312c-.0033-.1273.0135-.2325.0742-.3439c.0607-.1114.1685-.2292.283-.2388c.1179-.0064.2426.0923.3571.2165z;
|
||
|
|
M.8079.2919c.0892.1116.1179.2623.0669.3649c-.0542.0995-.1912.1478-.3249.2171c-.1337.0693-.2643.1537-.3313.1175c-.0669-.0332-.0669-.1869-.1115-.3437c-.0446-.1568-.1401-.3075-.0955-.41c.0446-.1025.2262-.1478.3919-.1357c.1657.0121.3153.0814.4045.19z;
|
||
|
|
M.8654.124c.0699.0706.0222.3176-.0413.4897c-.0668.1765-.1526.2779-.248.3353c-.0954.0573-.2035.0706-.299.0176c-.0954-.0485-.1844-.1633-.2354-.3309c-.0509-.1677-.0636-.3794.0095-.4544c.0668-.0662.2226.0088.3911-.0044c.1686-.0176.353-.1236.423-.0529z;
|
||
|
|
M.875.2495c.0538.1029.0127.2523-.0475.3419c-.0602.0896-.1426.1229-.2408.2025c-.0982.0796-.2091.2125-.3231.2058c-.114-.0067-.2281-.1461-.2566-.2988c-.0285-.1527.0318-.3186.1331-.4315c.1013-.1129.2439-.1693.3896-.1693c.1457-.0033.2914.0498.3452.1493z"
|
||
|
|
calcMode="spline"
|
||
|
|
keySplines=".56 .37 .43 .58;.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="M193.6 5.2c11 10.8 5.8 40.7-.1 61.6c-5.8 20.8-12.5 32.8-9.7 55.3c3 22.4 15.3 55.3 7.9 69.2c-7.6 13.9-35 9-55-1.3c-20-10.3-32.6-25.8-51.8-35.9c-19.1-10.3-44.7-15.1-51.2-27.9C27.2 113.4 39.8 92.8 51 75.7c11.1-17.2 20.8-30.7 33.6-40.9c12.8-10.2 28.6-17.2 50-24.8C156 2.6 182.8-5.6 193.6 5.2z" fill="url(#pattern)">
|
||
|
|
<animate dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||
|
|
values="
|
||
|
|
M193.6 5.2c11 10.8 5.8 40.7-.1 61.6c-5.8 20.8-12.5 32.8-9.7 55.3c3 22.4 15.3 55.3 7.9 69.2c-7.6 13.9-35 9-55-1.3c-20-10.3-32.6-25.8-51.8-35.9c-19.1-10.3-44.7-15.1-51.2-27.9C27.2 113.4 39.8 92.8 51 75.7c11.1-17.2 20.8-30.7 33.6-40.9c12.8-10.2 28.6-17.2 50-24.8C156 2.6 182.8-5.6 193.6 5.2z;
|
||
|
|
M135.5,17.9c22.6,14.9,42.8,35,54.2,60.1c11.4,25.3,14.3,55.6,3.7,79.6c-10.7,23.8-34.8,41.3-59,42.3 c-24.2,1.1-48.2-14.3-70.4-16.9c-22.1-2.5-42.4,7.8-50.7,1.6c-8.1-6.2-4.1-28.9-5.4-46.6c-1.3-17.8-7.9-30.5-3.2-37.8 c4.9-7.3,21.1-9.2,32.6-27.7C48.7,54,55.5,18.6,71.4,5.8C87.5-6.9,112.8,3,135.5,17.9z;
|
||
|
|
M157.3,35c10.3,16.2,16.7,29,24.3,43.4c7.5,14.4,16.2,30.6,17.9,50.6c2,20.1-3,43.9-17.6,56.7 c-14.6,13-38.9,14.7-62.7,14.2c-24-0.4-47.6-2.8-67-14.2c-19.2-11.4-34.1-31.4-40.2-53.5c-5.9-22-3-46.2,9.9-60.9 c13.1-14.9,36.2-20.6,54-34.5C93.9,23.1,106.5,1.1,119.6,0C133-1,147.2,18.7,157.3,35z;
|
||
|
|
M193.6 5.2c11 10.8 5.8 40.7-.1 61.6c-5.8 20.8-12.5 32.8-9.7 55.3c3 22.4 15.3 55.3 7.9 69.2c-7.6 13.9-35 9-55-1.3c-20-10.3-32.6-25.8-51.8-35.9c-19.1-10.3-44.7-15.1-51.2-27.9C27.2 113.4 39.8 92.8 51 75.7c11.1-17.2 20.8-30.7 33.6-40.9c12.8-10.2 28.6-17.2 50-24.8C156 2.6 182.8-5.6 193.6 5.2z"
|
||
|
|
calcMode="spline"
|
||
|
|
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
|
||
|
|
</path>
|
||
|
|
</svg>
|
||
|
|
<svg viewBox="0 0 1 1" id="preview">
|
||
|
|
<use xlink:href="#filterPath" fill="darkgrey"/>
|
||
|
|
</svg>
|
||
|
|
<image xlink:href="" clip-path="url(#clip-path)"/>
|
||
|
|
</svg>
|