39 lines
3.8 KiB
XML
39 lines
3.8 KiB
XML
|
<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.2524.6569c-.0028-.1018.1575-.1272.2785-.2374c.1182-.1074.1744-.277.2532-.2374c.0788.0396.1434.2544.1041.424c-.0422.1696-.1913.294-.3432.294C.3902.9028.2552.7586.2524.6569zM.3452.1028c.0872.017.166.1159.1631.1866c-.0028.0706-.1491.113-.225.1668c-.0759.0537-.0844.1215-.1322.082C.1033.5014.0808.3572.1202.2526C.1596.148.258.0858.3452.1028z">
|
||
|
|
<animate dur="9s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||
|
|
values="
|
||
|
|
M.2524.6569c-.0028-.1018.1575-.1272.2785-.2374c.1182-.1074.1744-.277.2532-.2374c.0788.0396.1434.2544.1041.424c-.0422.1696-.1913.294-.3432.294C.3902.9028.2552.7586.2524.6569zM.3452.1028c.0872.017.166.1159.1631.1866c-.0028.0706-.1491.113-.225.1668c-.0759.0537-.0844.1215-.1322.082C.1033.5014.0808.3572.1202.2526C.1596.148.258.0858.3452.1028z;
|
||
|
|
M.2384.6578c-.0264-.1009.2085-.1009.2994-.2391C.6406.266.7286.1162.7933.1766c.0587.0547.138.2622.0939.4322c-.044.1729-.1732.291-.3318.291C.3969.9056.2648.7558.2384.6578zM.347.1046C.438.1219.532.2083.532.2804c-.003.072-.0352.0835-.141.1124c-.0939.0288-.2055.1873-.2554.147C.0857.5022.0945.3582.1238.24C.1532.1306.256.0845.347.1046z;
|
||
|
|
M.2524.6569c-.0028-.1018.1575-.1272.2785-.2374c.1182-.1074.1744-.277.2532-.2374c.0788.0396.1434.2544.1041.424c-.0422.1696-.1913.294-.3432.294C.3902.9028.2552.7586.2524.6569zM.3452.1028c.0872.017.166.1159.1631.1866c-.0028.0706-.1491.113-.225.1668c-.0759.0537-.0844.1215-.1322.082C.1033.5014.0808.3572.1202.2526C.1596.148.258.0858.3452.1028z"
|
||
|
|
calcMode="spline"
|
||
|
|
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
|
||
|
|
</path>
|
||
|
|
<g id="animation">
|
||
|
|
<animateTransform xlink:href="#lines_grp_1" attributeName="transform" attributeType="XML" type="translate" dur="9s" values="0 0;-.5 -.5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
|
||
|
|
<animateTransform xlink:href="#lines_grp_2" attributeName="transform" attributeType="XML" type="translate" dur="9s" values="0 0;0 1.5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
|
||
|
|
</g>
|
||
|
|
</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">
|
||
|
|
<g id="lines_grp_1" style="transform-box: fill-box">
|
||
|
|
<path d="M3.14,5.57A4.37,4.37,0,0,1,6.36,2.91" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.35"/>
|
||
|
|
<path d="M3,4.74a4.1,4.1,0,0,1,2.5-2.07" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.27"/>
|
||
|
|
</g>
|
||
|
|
<g id="lines_grp_2" style="transform-box: fill-box" transform-origin="right bottom">
|
||
|
|
<path d="M26.31,18.63s-1.43,4.26-4,5.23" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.47"/>
|
||
|
|
<path d="M26.31,20.05s-1.14,3-3.07,4.07" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.37"/>
|
||
|
|
</g>
|
||
|
|
<g id="lines_grp_3" style="transform-box: fill-box" transform-origin="center">
|
||
|
|
<path d="M7.19,16.26a3.34,3.34,0,0,0-.89,3.56" fill="none" stroke="#383E45" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.33"/>
|
||
|
|
<path d="M6.19,16.59a3.52,3.52,0,0,0,.32,4.34" fill="none" stroke="#383E45" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.25"/>
|
||
|
|
</g>
|
||
|
|
</svg>
|
||
|
|
</svg>
|