mirror of
https://github.com/bringout/oca-ocb-web.git
synced 2026-04-19 06:12:03 +02:00
replace stale web_editor with html_editor and html_builder for 19.0
web_editor was removed in Odoo 19.0 and replaced by html_editor
and html_builder. The old web_editor was incorrectly included in
the 19.0 vanilla import.
🤖 assisted by claude
This commit is contained in:
Ernad Husremovic
parent
4b94f0abc5
commit
f866779561
1513 changed files with 396049 additions and 358525 deletions
|
|
@ -0,0 +1,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>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
|
|
@ -0,0 +1,40 @@
|
|||
<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.526.4606c.0608.0582.1787.0394.2643.1009c.0856.0629.1371.2064.0944.2754c-.044.0699-.1835.0642-.2879.0619c-.1055-.0018-.1759-.001-.2043-.0506c-.0284-.0497-.0148-.1487-.0596-.2186C.2881.5597.1846.5198.1346.4273C.0846.3348.0878.1904.151.1322C.2134.073.3345.0989.3973.181C.4601.263.4644.4015.526.4606z">
|
||||
<animate dur="32s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M.526.4606c.0608.0582.1787.0394.2643.1009c.0856.0629.1371.2064.0944.2754c-.044.0699-.1835.0642-.2879.0619c-.1055-.0018-.1759-.001-.2043-.0506c-.0284-.0497-.0148-.1487-.0596-.2186C.2881.5597.1846.5198.1346.4273C.0846.3348.0878.1904.151.1322C.2134.073.3345.0989.3973.181C.4601.263.4644.4015.526.4606z;
|
||||
M.5883.3111c.0946.0524.2461.0628.2936.12c.0479.0576-.008.162-.0706.2592c-.0631.0972-.1334.1872-.2213.2056c-.087.0192-.1922-.0336-.2839-.0812c-.0922-.048-.1716-.0916-.1965-.1544c-.0249-.0628.0054-.1452.0122-.2404c.0059-.0952-.0101-.2028.0354-.264C.203.0959.3119.0827.3847.1235C.4575.1643.4941.2587.5883.3111z;
|
||||
M.526.4606c.0608.0582.1787.0394.2643.1009c.0856.0629.1371.2064.0944.2754c-.044.0699-.1835.0642-.2879.0619c-.1055-.0018-.1759-.001-.2043-.0506c-.0284-.0497-.0148-.1487-.0596-.2186C.2881.5597.1846.5198.1346.4273C.0846.3348.0878.1904.151.1322C.2134.073.3345.0989.3973.181C.4601.263.4644.4015.526.4606z"
|
||||
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="M4.87 16.53s3.84 2.34 3.81 5.25m.37-2.27c-.17-.7667-.54-1.5333-1.71-2.3" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.5">
|
||||
<animate dur="32s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M4.87 16.53s3.84 2.34 3.81 5.25m.37-2.27c-.17-.7667-.54-1.5333-1.71-2.3;
|
||||
M1.39,19.51s-.7,3.55,4.78,5.79M5.41,24c-2.58-1.71-2.67-2.46-2.93-3.25;
|
||||
M4.87 16.53s3.84 2.34 3.81 5.25m.37-2.27c-.17-.7667-.54-1.5333-1.71-2.3"
|
||||
calcMode="spline"
|
||||
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
|
||||
</path>
|
||||
<path id="line_2" d="M22.2,14.2c-2.2-2.2-3.4-1.6-4.7-2.6 M17.5,12.9c0.9,0.5,2,0.2,3,1.2" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.5">
|
||||
<animate dur="32s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M22.2,14.2c-2.2-2.2-3.4-1.6-4.7-2.6 M17.5,12.9c0.9,0.5,2,0.2,3,1.2;
|
||||
M26.1,10.6c-1.3-2.1-3.2-2.6-4.6-2.9 M21.4,8.7c1.1,0.3,2.2,0.5,3,1.6;
|
||||
M22.2,14.2c-2.2-2.2-3.4-1.6-4.7-2.6 M17.5,12.9c0.9,0.5,2,0.2,3,1.2"
|
||||
calcMode="spline"
|
||||
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
|
||||
</path>
|
||||
</svg>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
|
|
@ -0,0 +1,38 @@
|
|||
<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>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
|
|
@ -0,0 +1,49 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
|
||||
<style>
|
||||
@keyframes rotate {
|
||||
from {transform: rotate(45deg) scale(.7);}
|
||||
to {transform: rotate(405deg) scale(.7);}
|
||||
}
|
||||
#diamond {
|
||||
transform: rotate(45deg) scale(.7);
|
||||
transform-box: fill-box;
|
||||
transform-origin: center;
|
||||
animation: rotate 80s linear infinite;
|
||||
}
|
||||
</style>
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" preserveAspectRatio="none" d="M.826.2725c.0765.1205.1182.2347.0904.333c-.0278.0951-.1286.1713-.2468.2347c-.1182.0603-.2572.1078-.3824.073c-.1252-.0349-.2364-.149-.2572-.2728c-.0243-.1237.0452-.257.1426-.3806c.0974-.1237.2225-.2379.3442-.2347C.6313.0282.746.1519.826.2725z">
|
||||
<animate dur="20s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M.826.2725c.0765.1205.1182.2347.0904.333c-.0278.0951-.1286.1713-.2468.2347c-.1182.0603-.2572.1078-.3824.073c-.1252-.0349-.2364-.149-.2572-.2728c-.0243-.1237.0452-.257.1426-.3806c.0974-.1237.2225-.2379.3442-.2347C.6313.0282.746.1519.826.2725z;
|
||||
M.8352.1556c.0762.0943.1112.2467.0762.3627c-.0349.1197-.1366.2031-.2574.283c-.1208.0798-.2574.1524-.3781.1124c-.1239-.0363-.2319-.185-.2479-.341c-.0191-.1524.054-.3119.1493-.4099c.0953-.0979.2161-.1342.3368-.1379C.6349.0286.7557.0649.8352.1556z;
|
||||
M.8837.2442c.0634.1251.0444.2662.0063.3848c-.0411.1219-.1013.2213-.1931.2662c-.0918.0449-.2058.0353-.3452-.0032c-.1362-.0385-.2977-.1058-.323-.2084C.0034.5809.1142.443.2218.3082c.1076-.1347.2121-.2694.3357-.2822C.681.0132.8203.119.8837.2442z;
|
||||
M.826.2725c.0765.1205.1182.2347.0904.333c-.0278.0951-.1286.1713-.2468.2347c-.1182.0603-.2572.1078-.3824.073c-.1252-.0349-.2364-.149-.2572-.2728c-.0243-.1237.0452-.257.1426-.3806c.0974-.1237.2225-.2379.3442-.2347C.6313.0282.746.1519.826.2725z"
|
||||
calcMode="spline"
|
||||
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</path>
|
||||
<g id="animation">
|
||||
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#points" attributeName="transform" attributeType="XML" type="rotate" dur="15s" values="0;100;0" repeatCount="indefinite" additive="sum"/>
|
||||
<animateTransform xlink:href="#points" attributeName="transform" attributeType="XML" type="translate" dur="15s" values="0 0;-10 -10;0 0;" repeatCount="indefinite" additive="sum"/>
|
||||
<animateTransform xlink:href="#triangle" attributeName="transform" attributeType="XML" type="rotate" dur="20s" values="0;-20;0" repeatCount="indefinite" additive="sum"/>
|
||||
<animateTransform xlink:href="#triangle" attributeName="transform" attributeType="XML" type="translate" dur="20s" values="0 0;-1.5 1;0 0;" repeatCount="indefinite" 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 class="points" viewBox="0 0 66.3 66.3" width="25%" height="25%" x="0%" y="10%">
|
||||
<path id="points" fill="#383E45" transform="scale(.6)" transform-origin="center" d="M3.9 2c0 1.1-.9 2-2 2S0 3 0 2s.9-2 2-2S3.9.9 3.9 2zM22.8 0c-1.1 0-2 .9-2 2s.9 2 2 2c1.1 0 2-.9 2-2S23.8 0 22.8 0zM43.6 0c-1.1 0-2 .9-2 2s.9 2 2 2c1.1 0 2-.9 2-2S44.6 0 43.6 0zM64.4 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2S65.4 0 64.4 0zM2 20.8c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2s2-.9 2-2C3.9 21.7 3 20.8 2 20.8zM22.8 20.8c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2c1.1 0 2-.9 2-2C24.7 21.7 23.8 20.8 22.8 20.8zM43.6 20.8c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2c1.1 0 2-.9 2-2C45.5 21.7 44.6 20.8 43.6 20.8zM64.4 20.8c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2s2-.9 2-2C66.3 21.7 65.4 20.8 64.4 20.8zM2 41.6c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2s2-.9 2-2C3.9 42.5 3 41.6 2 41.6zM22.8 41.6c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2c1.1 0 2-.9 2-2C24.7 42.5 23.8 41.6 22.8 41.6zM43.6 41.6c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2c1.1 0 2-.9 2-2C45.5 42.5 44.6 41.6 43.6 41.6zM64.4 41.6c-1.1 0-2 .9-2 2c0 1.1.9 2 2 2s2-.9 2-2C66.3 42.5 65.4 41.6 64.4 41.6zM2 62.4c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2S3 62.4 2 62.4zM22.8 62.4c-1.1 0-2 .9-2 2s.9 2 2 2c1.1 0 2-.9 2-2S23.8 62.4 22.8 62.4zM43.6 62.4c-1.1 0-2 .9-2 2s.9 2 2 2c1.1 0 2-.9 2-2S44.6 62.4 43.6 62.4zM64.4 62.4c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2S65.4 62.4 64.4 62.4z"/>
|
||||
</svg>
|
||||
<svg viewBox="0 0 10 10" class="diamond" width="30%" height="30%" x="66%" y="65%">
|
||||
<rect id="diamond" x="0.5" y="0.5" width="9" height="9" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="1" opacity=".8"/>
|
||||
</svg>
|
||||
<svg class="triangle" viewBox="0 0 10 10" width="40%" height="40%" x="5%" y="55%">
|
||||
<polygon id="triangle" points="10 10 0 10 0 0 10 10" fill="#3AADAA" transform="scale(.6)" transform-origin="center" opacity=".66"/>
|
||||
</svg>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5 KiB |
|
|
@ -0,0 +1,63 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
|
||||
<style>
|
||||
@keyframes rotate {
|
||||
from {transform: rotate(0deg);}
|
||||
to {transform: rotate(360deg);}
|
||||
}
|
||||
@keyframes rotate_lines {
|
||||
from {transform: rotate(0deg) translate(0, 0) scale(.75);}
|
||||
to {transform: rotate(360deg) translate(-10%, 10%) scale(.75);}
|
||||
}
|
||||
#lines {
|
||||
transform-box: fill-box;
|
||||
transform-origin: center;
|
||||
animation: rotate_lines 65s linear infinite;
|
||||
}
|
||||
#circle_1 {animation: rotate 120s linear infinite;}
|
||||
#circle_2 {animation: rotate 90s linear infinite;}
|
||||
#circle_3 {animation: rotate 60s linear infinite;}
|
||||
</style>
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" preserveAspectRatio="none" d="M.8845.2598c.0824.1416.0888.3504.0095.4884c-.0793.1381-.2442.2018-.4091.2018C.3199.95.1549.8863.0883.7553C.0186.6279.0503.4332.1328.2917c.0825-.1416.2156-.2336.3615-.2407C.6434.0404.802.1182.8845.2598z">
|
||||
<animate dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M.8845.2598c.0824.1416.0888.3504.0095.4884c-.0793.1381-.2442.2018-.4091.2018C.3199.95.1549.8863.0883.7553C.0186.6279.0503.4332.1328.2917c.0825-.1416.2156-.2336.3615-.2407C.6434.0404.802.1182.8845.2598z;
|
||||
M.8356.2785c.0889.135.1492.3268.0921.4618c-.0603.135-.2381.2131-.4127.2096c-.1746-.0035-.3397-.0888-.4159-.2345c-.0761-.1456-.0603-.3516.0254-.4866C.2101.1009.3593.0406.4959.0512C.6324.0618.7467.1436.8356.2785z;
|
||||
M.8825.3393c.0833.1495.0908.3021.0151.4166c-.0757.1176-.2385.1972-.3974.194C.3412.9468.1898.864.1141.7464c-.0795-.1176-.087-.2671-.0113-.4134C.1784.1868.3375.05.4926.05C.6478.05.7993.1931.8825.3393z;
|
||||
M.8845.2598c.0824.1416.0888.3504.0095.4884c-.0793.1381-.2442.2018-.4091.2018C.3199.95.1549.8863.0883.7553C.0186.6279.0503.4332.1328.2917c.0825-.1416.2156-.2336.3615-.2407C.6434.0404.802.1182.8845.2598z"
|
||||
calcMode="spline"
|
||||
keySplines=".45 .05 .55 .95;.45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</path>
|
||||
<g id="animation">
|
||||
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</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 class="lines" viewBox="0 0 57.65 57.65" width="35%" height="35%" x="70%" y="15%" opacity=".5">
|
||||
<path id="lines" d="M16.44,22.68,11.22,6.6M21.73,17,26,.61M29.27,15,41.72,3.58m-5,13.86,16.65-2.88M41.57,23.49l15.58,6.58M52,45.18,42.43,31.23m-3.46,7,.49,16.89m-15.9,1.58L32.29,42.2M9.34,49.42,24.5,42m-6.41-4.42L1.3,35.61m13.79-5.26L2,19.65" fill="none" stroke="#383E45" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" transform-origin="center" transform="scale(.75)"/>
|
||||
</svg>
|
||||
<svg class="donut" viewBox="0 0 39.7 39.7" width="30%" height="30%" x="60%" y="70%" opacity=".5">
|
||||
<path id="donut" d="M19.8,0C8.9,0,0,8.9,0,19.8c0,11,8.9,19.8,19.8,19.8c11,0,19.8-8.9,19.8-19.8C39.7,8.9,30.8,0,19.8,0z M19.8,36.5 c-9.2,0-16.7-7.5-16.7-16.7c0-9.2,7.5-16.7,16.7-16.7c9.2,0,16.7,7.5,16.7,16.7C36.6,29,29.1,36.5,19.8,36.5z" fill="#3AADAA" transform="scale(.75)" transform-origin="center">
|
||||
<animate xlink:href="#donut" dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M19.8,0C8.9,0,0,8.9,0,19.8c0,11,8.9,19.8,19.8,19.8c11,0,19.8-8.9,19.8-19.8C39.7,8.9,30.8,0,19.8,0z M19.8,36.5 c-9.2,0-16.7-7.5-16.7-16.7c0-9.2,7.5-16.7,16.7-16.7c9.2,0,16.7,7.5,16.7,16.7C36.6,29,29.1,36.5,19.8,36.5z;
|
||||
M19.8,0C8.9,0,0,8.9,0,19.8c0,11,8.9,19.8,19.8,19.8c11,0,19.8-8.9,19.8-19.8C39.7,8.9,30.8,0,19.8,0z M19.8,29.7 c-5.4,0-9.9-4.4-9.9-9.9c0-5.4,4.4-9.9,9.9-9.9c5.4,0,9.9,4.4,9.9,9.9C29.7,25.3,25.3,29.7,19.8,29.7z;
|
||||
M19.8,0C8.9,0,0,8.9,0,19.8c0,11,8.9,19.8,19.8,19.8c11,0,19.8-8.9,19.8-19.8C39.7,8.9,30.8,0,19.8,0z M19.8,36.5 c-9.2,0-16.7-7.5-16.7-16.7c0-9.2,7.5-16.7,16.7-16.7c9.2,0,16.7,7.5,16.7,16.7C36.6,29,29.1,36.5,19.8,36.5z"
|
||||
calcMode="spline"
|
||||
keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" dur="30s" values="1;.75;1" repeatCount="indefinite" additive="sum"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;15 0;0 0" repeatCount="indefinite" additive="sum"/>
|
||||
</path>
|
||||
</svg>
|
||||
<svg class="circles" viewBox="0 0 28.68 28.68" width="45%" height="45%" y="50%" opacity=".75">
|
||||
<path id="circle_1" d="M13.53,28.18A13.86,13.86,0,1,1,28.18,13.53" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" transform-origin="center"/>
|
||||
<path id="circle_2" d="M21.72,22.9A11.28,11.28,0,0,1,3.07,14.36,11.27,11.27,0,0,1,21.72,5.82" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" transform-origin="center"/>
|
||||
<path id="circle_3" d="M23,15.19a8.71,8.71,0,1,1-9.5-9.5" fill="none" stroke="#7C6576" stroke-linecap="round" stroke-miterlimit="10" transform-origin="center"/>
|
||||
</svg>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.4 KiB |
|
|
@ -0,0 +1,19 @@
|
|||
<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"></use>
|
||||
</clipPath>
|
||||
<path id="filterPath"
|
||||
d="M0.2142,0.096c-0.413,1.8378,1.2192,0.3258,0.6396,0.1988C0.6879,0.2584,0.2791-0.1927,0.2142,0.096Z"></path>
|
||||
</defs><svg viewBox="75.05909729003906 83.49757385253906 154.99501037597656 130.04640197753906"
|
||||
preserveAspectRatio="none">
|
||||
<path class="background"
|
||||
d="M223.45,129.45c-47.29,21.63-17.59,56.7-41.95,81.07-8,8-81.08-7.91-98.62-44.28-20.21-41.91,8.66-85.46,32.38-81.49C152.05,90.91,253.9,115.53,223.45,129.45Z"
|
||||
fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"></path>
|
||||
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
|
||||
<use xlink:href="#filterPath" fill="darkgrey"></use>
|
||||
</svg>
|
||||
<image xlink:href="" clip-path="url(#clip-path)">
|
||||
<animateMotion dur="1ms" repeatCount="indefinite"/>
|
||||
</image>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1 KiB |
|
|
@ -0,0 +1,20 @@
|
|||
<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"></use>
|
||||
</clipPath>
|
||||
<path id="filterPath"
|
||||
d="M0.0814,0.6292l0.0883-0.4105a0.3491,0.2598,0,0,1,0.2461-0.2081h0A0.349,0.2597,0,0,1,0.8597,0.2225l0.087,0.4468a0.3491,0.2597,0,0,1-0.2018,0.2739L0.6442,0.977a0.3489,0.2596,0,0,1-0.4175-0.0757L0.1521,0.8312A0.3492,0.2599,0,0,1,0.0814,0.6292Z">
|
||||
</path>
|
||||
</defs><svg viewBox="68.3936538696289 35.054168701171875 176.3720703125 211.69915771484375"
|
||||
preserveAspectRatio="none">
|
||||
<path class="background"
|
||||
d="M183.21,72.46C294.62,227.17,225,264.54,146.75,232.89c-31.16-12.62-32.39-28-56.92-68.26C33,71.32,124.18-9.51,183.21,72.46Z"
|
||||
fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="7"></path>
|
||||
</svg><svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
|
||||
<use xlink:href="#filterPath" fill="darkgrey"></use>
|
||||
</svg>
|
||||
<image xlink:href="" clip-path="url(#clip-path)">
|
||||
<animateMotion dur="1ms" repeatCount="indefinite"/>
|
||||
</image>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,106 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" d="M.7306.2009c.0859.0167.2194.0167.2194.0586c0 .0418-.1336.1339-.1908.2259c-.0572.0921-.0318.1883-.0508.2301c-.0191.0418-.0827.0251-.1717.0753c-.089.0502-.2067.1632-.3053.159c-.0986-.0042-.1814-.1297-.1814-.2595c0-.1297.0827-.2677.1399-.3808c.0604-.1172.0954-.2134.1526-.2469c.0572-.0335.1399.0041.2003.046c.0636.0336.1018.0754.1876.0922z">
|
||||
<animate dur="100s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M.7306.2009c.0859.0167.2194.0167.2194.0586c0 .0418-.1336.1339-.1908.2259c-.0572.0921-.0318.1883-.0508.2301c-.0191.0418-.0827.0251-.1717.0753c-.089.0502-.2067.1632-.3053.159c-.0986-.0042-.1814-.1297-.1814-.2595c0-.1297.0827-.2677.1399-.3808c.0604-.1172.0954-.2134.1526-.2469c.0572-.0335.1399.0041.2003.046c.0636.0336.1018.0754.1876.0922z;
|
||||
M.6328.2501c.0698.0667.1807.0627.2441.1255c.0634.0588.0856.1842.0666.3019c-.019.1176-.0761.2313-.1585.2627c-.0824.0314-.1839-.0157-.2505-.0824c-.0666-.0667-.0919-.1489-.1489-.1921c-.0539-.0431-.1363-.0471-.2124-.1058c-.0761-.0588-.1489-.1764-.1141-.2274c.038-.0548.1806-.0431.2726-.1019c.0887-.0588.1268-.1842.1616-.1804c.0349.004.0666.1333.1395.2z;
|
||||
M.7259.05c.0824 0 .1427.113.1808.242c.0381.1291.0571.2743.0318.4034c-.0285.1291-.1015.2461-.1935.2542c-.092.0081-.1999-.0887-.2824-.1412c-.0825-.0525-.13-.0564-.2157-.0645c-.0825-.0121-.1999-.0323-.1967-.0847c.0032-.0525.13-.1412.203-.1936c.073-.0525.0952-.0726.1174-.0968c.0222-.0242.0445-.0525.1047-.125c.0635-.0767.1682-.1937.2507-.1937z;
|
||||
M.763.0904c.0256.0646-.0319.2242.0032.3458c.0351.1254.1661.2128.1821.2888c.0159.076-.0831.1406-.1725.1824c-.0895.0418-.1725.057-.2332.0266c-.0639-.0304-.1086-.1102-.1693-.1596c-.0639-.0494-.147-.076-.2172-.1482c-.0703-.0722-.1309-.1938-.0959-.266c.0351-.0722.1661-.0912.2587-.1292c.0926-.038.1501-.095.2332-.1368c.0768-.0418.1854-.0722.2109-.0038z;
|
||||
M.7948.0851c.0763.0459.124.1569.1463.2678c.0191.111.0095.2257-.0477.2831c-.0572.0574-.1654.0574-.2385.111c-.0699.0536-.1049.153-.159.1875c-.0541.0345-.1336.0077-.2131-.0421c-.0827-.0459-.1686-.111-.2067-.2066c-.0382-.0957-.0318-.2181.0032-.329c.0318-.1071.0922-.2027.1686-.2487c.0763-.0459.1717-.0459.2704-.0498c.0985-.0076.2003-.0229.2767.0268z;
|
||||
M.7306.2009c.0859.0167.2194.0167.2194.0586c0 .0418-.1336.1339-.1908.2259c-.0572.0921-.0318.1883-.0508.2301c-.0191.0418-.0827.0251-.1717.0753c-.089.0502-.2067.1632-.3053.159c-.0986-.0042-.1814-.1297-.1814-.2595c0-.1297.0827-.2677.1399-.3808c.0604-.1172.0954-.2134.1526-.2469c.0572-.0335.1399.0041.2003.046c.0636.0336.1018.0754.1876.0922z"
|
||||
calcMode="spline"
|
||||
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
</path>
|
||||
<g id="animation">
|
||||
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#group_1" attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;0 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#group_2" attributeName="transform" attributeType="XML" type="translate" dur="30s" begin="2s" values="0 0;0 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#group_3" attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;10 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#group_3" attributeName="transform" attributeType="XML" type="rotate" dur="30s" values="0;5;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
|
||||
<animateTransform xlink:href="#group_4" attributeName="transform" attributeType="XML" type="translate" dur="30s" begin="3s" values="0 0;10 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#group_4" attributeName="transform" attributeType="XML" type="rotate" dur="30s" begin="3s" values="0;-5;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
|
||||
<animateTransform xlink:href="#group_5" attributeName="transform" attributeType="XML" type="translate" dur="30s" begin="2s" values="0 0;20 30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#group_5" attributeName="transform" attributeType="XML" type="rotate" dur="30s" begin="2s" values="0;5;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
|
||||
<animateTransform xlink:href="#group_6" attributeName="transform" attributeType="XML" type="translate" dur="30s" values="0 0;-10 -30;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#group_6" attributeName="transform" attributeType="XML" type="rotate" dur="30s" values="0;-5;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" 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 class="background" viewBox="0 0 1134.56 934.14" preserveAspectRatio="xMidYMid meet">
|
||||
<g id="group_1">
|
||||
<path d="M710.39,2.56a97,97,0,0,1,21.9,41.7,1.5,1.5,0,0,0,2.9-.8,100.31,100.31,0,0,0-22.6-43c-1.3-1.4-3.5.7-2.2,2.1Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M736.09,15.36a126.56,126.56,0,0,1,10.7,41.4c.2,1.9,3.2,1.9,3,0a127.66,127.66,0,0,0-11.1-42.9c-.8-1.8-3.4-.3-2.6,1.5Z" fill="#383E45" opacity=".1"/>
|
||||
</g>
|
||||
<g id="group_2">
|
||||
<path d="M49.79,417.86c-3.5,10-7.2,20-14,28.3-1.2,1.5.9,3.6,2.1,2.1,7.1-8.7,11.1-19.1,14.8-29.6.6-1.8-2.3-2.6-2.9-.8Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M49.79,418.66c2.2,4.9,2.9,10.6,4.6,15.7a117.9,117.9,0,0,0,5.7,13.8c.8,1.7,3.4.2,2.6-1.5a115.28,115.28,0,0,1-6.5-16.5c-1.3-4.3-2-8.9-3.8-13-.8-1.8-3.3-.2-2.6,1.5Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M36.49,448.16c2.9,1.2,4.9,6.9,6.1,9.6a63.87,63.87,0,0,1,4.1,12.1,1.5,1.5,0,0,0,2.9-.8,78,78,0,0,0-5.4-14.9c-1.6-3.3-3.3-7.4-6.9-8.9-1.8-.8-2.5,2.1-.8,2.9Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M49.69,470.46a170.94,170.94,0,0,1,12.2-22.2c1.1-1.6-1.5-3.1-2.6-1.5A170.94,170.94,0,0,0,47.09,469c-.8,1.8,1.8,3.3,2.6,1.5Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M2,535.76c-4.6,4.4-.5,11.2,5.1,11.8,3.8.4,12.8-4,12.8,2.3,0,3.1-.8,6.3.9,9.1a7.16,7.16,0,0,0,6.6,3.3c4-.1,7.7-4,10,.8,1.3,2.8,1.5,5.3,4.7,6.7a5.21,5.21,0,0,0,7-2c2.2-3.2-3-6.2-5.2-3,.7-1-1.7-6.5-2.5-7.5a7.11,7.11,0,0,0-4.6-2.9,12,12,0,0,0-5.9.8c-3,.9-5.4,1.6-5.3-2.4s.6-8.6-3.4-11.2a10,10,0,0,0-6.1-1.3,22,22,0,0,0-3.7.6c-.9.2-8.3,1.1-6.2-.9,2.8-2.6-1.4-6.8-4.2-4.2Z" fill="#3AADAA"/>
|
||||
<path d="M33.09,532.46c.6,3.4,1.3,6.9,1.9,10.3a3,3,0,0,0,2.9,2.2c3.8-.1,5.9-2,9.1-3.6,5.3-2.7,3.7,2.2,4.5,5.7a7,7,0,0,0,4.5,5.3c4.7,1.6,8.7,1.5,12.8,4.9,3,2.4,7.2-1.8,4.2-4.2a24.91,24.91,0,0,0-11.1-5.6,11.09,11.09,0,0,1-3.5-.8c-1.6-.9-1.2-1.4-1.2-3.3a15.94,15.94,0,0,0-.7-4.8,6.85,6.85,0,0,0-7-4c-4.4.3-7.3,4.6-11.6,4.6,1,.7,1.9,1.5,2.9,2.2-.6-3.4-1.3-6.9-1.9-10.3-.7-4-6.5-2.4-5.8,1.4Z" fill="#3AADAA"/>
|
||||
</g>
|
||||
<g id="group_3" transform-origin="center">
|
||||
<polygon points="1015.78 359.26 1005.49 355.26 996.38 361.36 996.99 350.36 988.28 343.56 998.99 340.76 1002.78 330.36 1008.78 339.76 1019.78 340.16 1012.78 348.66 1015.78 359.26" fill="none" stroke="#383E45" stroke-miterlimit="10" stroke-width="3" opacity=".1"/>
|
||||
<path d="M998.19,324.56a316.39,316.39,0,0,1,55.6-69.6c1.4-1.3-.7-3.4-2.1-2.1a317.27,317.27,0,0,0-56.1,70.2,1.5,1.5,0,0,0,2.6,1.5Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M1019.79,319.56a372.21,372.21,0,0,1,90.6-94.2c1.5-1.1.1-3.7-1.5-2.6a375.54,375.54,0,0,0-91.6,95.3c-1.2,1.6,1.4,3.1,2.5,1.5Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M1025.19,348.36c11.8-14.5,24.4-28.5,37.5-41.8,1.4-1.4-.8-3.5-2.1-2.1-13.2,13.3-25.7,27.3-37.5,41.8-1.2,1.4.9,3.6,2.1,2.1Z" fill="#383E45" opacity=".1"/>
|
||||
<ellipse cx="1016.99" cy="94.36" rx="53" ry="52.1" fill="#7C6576"/>
|
||||
<ellipse cx="992.79" cy="258.56" rx="28.7" ry="29.4" fill="#3AADAA"/>
|
||||
<path d="M882.09,129.76c7.7,0,7.7-12,0-12s-7.7,12,0,12Z" fill="#3AADAA"/>
|
||||
<path d="M1089.49,212.66c-4.2-4.1-2.5-12.6,3.2-14.6,7.1-2.4,12.9,7,9.6,12.9a1.5,1.5,0,0,0,2.6,1.5c4.5-7.9-2.8-19.7-12.3-17.5-8.4,2-11.3,14-5.3,19.8,1.4,1.3,3.5-.8,2.2-2.1Z" fill="#7C6576"/>
|
||||
</g>
|
||||
<g id="group_4">
|
||||
<path d="M389.89,749.46a49.52,49.52,0,0,1-13.4,27.8c-1.3,1.4.8,3.5,2.1,2.1a52.18,52.18,0,0,0,14.1-29.2c.3-1.8-2.6-2.6-2.8-.7Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M390.29,751.16a92.08,92.08,0,0,0,15,23.5c1.3,1.5,3.4-.7,2.1-2.1a84.57,84.57,0,0,1-14.5-22.9c-.7-1.8-3.3-.3-2.6,1.5Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M379.39,778.76c-.1-.2-.3-.5-.4-.7l-2.4,1.8a63,63,0,0,1,15.5,20c.8,1.7,3.4.2,2.6-1.5a65.55,65.55,0,0,0-15.9-20.7,1.52,1.52,0,0,0-2.4,1.8c.1.2.3.5.4.7.9,1.8,3.5.3,2.6-1.4Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M395,799a135.48,135.48,0,0,1,12.1-23.3c1-1.6-1.5-3.1-2.6-1.5a140.6,140.6,0,0,0-12.4,24.1c-.7,1.7,2.2,2.5,2.9.7Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M282.69,713.56c1.9,3,5.1,1.9,6.5-1,3.2-6.5,3-14.2,10.2-18.3,7.5-4.3,12.3,2.8,19.4,3.6,5.5.6,10.9-2.3,14.6-6.1,4.5-4.7,6.9-10.9,10-16.6,1.8-3.3,4.2-5,7.6-2.3,1.1.9,2,2,3,2.9a16.4,16.4,0,0,0,4.7,3,19.23,19.23,0,0,0,23.8-7.8,1.5,1.5,0,0,0-2.6-1.5,15.78,15.78,0,0,1-13.8,7.8c-6.6,0-9.2-3.9-14.1-7.4-9.2-6.6-13.2,8.4-16.6,14.2-3.9,6.5-10.7,13-18.9,10.2-4.6-1.6-8.1-5-13.3-4.3a15.66,15.66,0,0,0-10.5,6.6,30.07,30.07,0,0,0-3.3,6.1c-.6,1.5-1.1,3-1.6,4.6-.2.5-1.9,5.5-2.4,4.8-1.2-1.6-3.8-.1-2.7,1.5Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M346.69,701.66c1.4-11.3,17.6-3.2,23.6-2.6,5.6.6,10.4-1.3,13.1-6.4,1.8-3.5,2.4-7.8,6.8-9.3,3.6-1.2,7.9-.4,11.6-.9a43.81,43.81,0,0,0,19-7.6c1.6-1.1.1-3.7-1.5-2.6a42.34,42.34,0,0,1-13,6.3c-4.6,1.2-9,1.1-13.7,1.5-7.4.7-8.6,5.4-11.7,11.2-5.7,10.5-17.7,1.2-26.3,1.5-5.4.2-10.1,3.5-10.8,9-.4,1.8,2.6,1.8,2.9-.1Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M306.59,811.46c-6-6.9-2.5-19,7.7-18.6,8.9.4,11.9,12.4,3.9,16.6-1.7.9-.2,3.5,1.5,2.6,10.2-5.4,6.8-21-4.6-22.1-13.3-1.3-18.6,14.4-10.7,23.6,1.3,1.5,3.4-.6,2.2-2.1Z" fill="#7C6576"/>
|
||||
<path d="M293.39,672.56c-3.4-2.7-10.4-9.8-1.2-11.9,1.8-.4,3.5.4,5.3-.3,3.6-1.4,4.8-5.3,4.7-8.9a41.32,41.32,0,0,0-1.4-7c-.6-2.7-1.8-5.8,2-5.9.7,0,1.4.3,2.2.3,3.5,0,6-2.4,7.2-5.5.7-1.8-2.2-2.6-2.9-.8-2.4,6.6-10.3-1.2-11.8,6.4-1.1,5.9,6.6,18.1-3.7,18.7-4.1.2-7.7.1-8.8,5-1.1,5.1,2.8,8.9,6.4,11.8,1.3,1.4,3.5-.7,2-1.9Z" fill="#7C6576"/>
|
||||
<path d="M315.59,658.56c-1.5-2.5-4-6.9-2.9-10,1.2-3.3,6.8-3,9.4-5.2a11.21,11.21,0,0,0,3.6-11.8,1.5,1.5,0,0,0-2.9.8,8,8,0,0,1-1.6,7.7c-1.9,2.1-4,2-6.4,2.9a7.73,7.73,0,0,0-4.5,3.4c-2.2,4.4.4,9.9,2.7,13.7,1,1.6,3.6.1,2.6-1.5Z" fill="#7C6576"/>
|
||||
</g>
|
||||
<g id="group_5">
|
||||
<path d="M174.29,247.46a56.67,56.67,0,0,1-11.7,21.9c-1.3,1.5.9,3.6,2.1,2.1a59.57,59.57,0,0,0,12.5-23.2c.5-1.8-2.4-2.6-2.9-.8Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M174.09,249c1.8,7.5,3.6,16.3,8.6,22.4,1.2,1.5,3.3-.6,2.1-2.1-4.6-5.5-6.2-14.2-7.8-21-.4-2-3.3-1.2-2.9.7Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M161.89,272.26c2.7,1.5,4.9,7.5,6.2,10.3a71.47,71.47,0,0,1,4.3,11.7,1.5,1.5,0,0,0,2.9-.8,86.5,86.5,0,0,0-5.3-13.9c-1.5-3.1-3.4-8.2-6.6-10-1.7-.8-3.2,1.7-1.5,2.7Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M175.49,293.56a146.53,146.53,0,0,1,9.3-22c.9-1.7-1.7-3.2-2.6-1.5a156,156,0,0,0-9.6,22.7c-.6,1.8,2.3,2.6,2.9.8Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M339.49,59.26c-1.9-13.1,14.5-16.9,23.4-21.1a106,106,0,0,0,12.9-7.9c2.1-1.4,4.2-2.8,6.4-4,2.6-1.4,5.8-3.6,8-.8,1.6,2,.9,2.5-.1,4.7-.5,1-1,2.1-1.6,3.1a35,35,0,0,1-5,7.1c-4.1,4.3-10,4.9-15.3,7a72.22,72.22,0,0,0-11.8,5.9c-4.7,3-10.6,9.7-16.6,6.3a1.5,1.5,0,0,0-1.5,2.6c5.3,3,10.3.3,14.8-2.9a75.65,75.65,0,0,1,22.4-11.1c6.5-2,10.6-5.3,14.3-11.1,2.1-3.3,6.9-10.1,3.8-14.1-2.8-3.5-8.2-1.6-11.5,0-7,3.6-13,8.8-20.1,12.3-10.7,5.2-27.7,9.4-25.5,24.9.4,1.8,3.3,1,3-.9Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M174.79,327.66c-3.1,5-1.6,11.6,3,15.3,6.8,5.4,14.1-.4,19.9-4.3,4.8-3.3,11.7-5.5,15,.9,1.5,3,2,6.5,3.4,9.6a9.28,9.28,0,0,0,4.8,5.3c4.6,2,9.1-1.5,13.8-.8,1.9.3,2.7-2.6.8-2.9-3.4-.5-6.1.7-9.4,1.2-5.6.7-7.1-3-8.5-7.4s-2.7-9.5-7.3-11.5c-5.9-2.6-11.9,1.6-16.6,4.8-3.8,2.7-8.8,6.1-13.5,3.2a8.81,8.81,0,0,1-2.8-11.8,1.53,1.53,0,0,0-2.6-1.6Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M232.39,321.76c-2,5.3,1.8,9.7,6.6,11.5,4.2,1.6,26.2,2.7,25,9.5-.3,1.9,2.5,2.7,2.9.8,2.9-15.5-37.1-6.5-31.6-21,.7-1.8-2.2-2.6-2.9-.8Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M127.49,310.76a1.5,1.5,0,0,0,0-3,1.5,1.5,0,0,0,0,3Z" fill="#3AADAA"/>
|
||||
<path d="M126.19,315.26c7.7,0,7.7-12,0-12s-7.7,12,0,12Z" fill="#3AADAA"/>
|
||||
<path d="M253.49,181.16c-6-3.9-11.1-9.4-12.8-16.6-1.6-6.7.7-14.6,6.6-18.6s13.9-2.3,20.7-2.8a48.33,48.33,0,0,0,15.9-4c22.7-9.7,36.6-31.3,53.7-47.9,8.7-8.4,19.1-16.6,31.2-19.3,11.2-2.5,26.1.2,28.9,13.3,3.3,15.3-10.9,26.6-22,34.1-12.7,8.5-25.4,16.9-38.1,25.4-13.8,9.2-27.4,18.9-41.6,27.5-13.2,8.1-29.9,14.5-44.5,5.9a1.5,1.5,0,0,0-1.5,2.6c12,7.1,26.3,5,38.4-.8,15.6-7.4,29.9-18.7,44.2-28.2,14.9-9.9,29.8-19.7,44.7-29.7,10.9-7.3,22.4-16.4,23.7-30.5,1.1-11.8-6.9-20.8-18.3-22.8-12.3-2.2-24.4,2.9-34.3,9.8-24.3,17-38.5,47.4-67,58.6a47.83,47.83,0,0,1-13.3,3.2c-4.4.3-8.8-.2-13.2.3-6.6.7-12,3.9-15.1,9.8-6.7,12.8,1.3,26.3,12.3,33.4,1.5.9,3-1.6,1.4-2.7Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M258.59,163.06c-3.1-.5-2.7-3.2-2-5,.9-2.2,2.8-3,5-3.7a48,48,0,0,1,7.6-1.1,74.83,74.83,0,0,0,16.2-4.5,113.6,113.6,0,0,0,27.5-16.7c9.5-7.6,18.1-16.1,27-24.4,8.7-8.2,18.4-18.5,31.3-18.1l-1.5-1.5c1.1,11.7-9.7,19.5-18.2,25.5-10.2,7.2-20.3,14.5-30.5,21.7-9.4,6.7-18.7,13.7-28.3,20a79.16,79.16,0,0,1-15.2,8.1c-5.2,1.9-13.3,4.8-17.6-.1-1.3-1.4-3.4.7-2.1,2.1,6.8,7.7,20.5,1.4,27.8-2.4,12.6-6.5,23.9-15.8,35.5-24,12-8.6,24.3-16.9,36.2-25.8,8.1-6.1,16.6-14.2,15.6-25.2a1.54,1.54,0,0,0-1.5-1.5c-13.5-.4-23.7,9.8-32.8,18.4-11.5,10.8-22.6,22.1-35.6,31a99.22,99.22,0,0,1-19.8,10.6c-6.8,2.6-13.6,3.4-20.7,4.8-4.1.8-8.3,2.7-9.1,7.2-.6,3.4,1,7,4.7,7.6,1.6.2,2.5-2.7.5-3Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M374.29,122.16c1.8-2.4,3.8-2.8,6-1a7.68,7.68,0,0,1,1.8,5c.1,1.8-.7,3.5-.8,5.3-.1,1.6.1,3.1,1.4,4.1,2.8,2.1,6.6-.5,8.3-2.8.8-1.1,1.5-3.2,2.6-3.9,4.4-2.9,4.1,1.3,4.9,3.1a5.75,5.75,0,0,0,2.8,3.3c4.9,2.4,8.9-2.4,11.2-6.1,1-1.6-1.6-3.1-2.6-1.5-1.5,2.3-5.3,8.5-8.8,2.9-.6-1-.5-2.5-1.1-3.6a4.9,4.9,0,0,0-3.6-2.8c-2-.2-3.7,1.1-5,2.5-1.8,1.9-6.6,10.9-6.9,3.2-.1-4.6,1-10-4.3-12.3a6.55,6.55,0,0,0-9,3.7c-.4,1.9,2.5,2.7,3.1.9Z" fill="#7C6576"/>
|
||||
<path d="M375.59,109.36a7.35,7.35,0,0,1,10.8,1.4c1.4,2.2.4,5.1,1.9,7.2a3.18,3.18,0,0,0,3.6,1.4,7.72,7.72,0,0,0,2.4-1.2c3.2-2,6-2.8,9,.4,1.3,1.4,3.4-.7,2.1-2.1a9.12,9.12,0,0,0-9.3-2.8c-1.8.6-4.5,3.3-5.5,1.3-.7-1.3-.3-3.3-.9-4.7-2.8-6-11.3-7.4-16-3-1.7,1.3.5,3.4,1.9,2.1Z" fill="#7C6576"/>
|
||||
<ellipse cx="126.69" cy="158.06" rx="62.1" ry="60.9" fill="#3AADAA"/>
|
||||
<path d="M72.89,218.36c-2.8,1.9-7.9,5.9-11.6,3.3-4.1-2.8.5-10.2,2-13.1a104.36,104.36,0,0,1,12.3-18.5c9.5-11.6,20.8-21.6,32.2-31.3,2.9-2.5-1.3-6.7-4.2-4.2-15.7,13.4-31.4,27.5-42.3,45.4-3.7,6.1-10.6,16.3-6.4,23.6,4.8,8.3,14.9,4.2,20.9.1,3.3-2.3.3-7.5-2.9-5.3Z" fill="#383E45"/>
|
||||
<path d="M130.09,139.46l27-21.9c3-2.4-1.3-6.7-4.2-4.2l-27,21.9c-3.1,2.4,1.2,6.6,4.2,4.2Z" fill="#383E45"/>
|
||||
<path d="M181.39,105.66c4.6-2.4,21.3-12.2,24.3-4.3,2.6,6.8-3.8,16.7-7.9,21.7-2.4,3,1.8,7.2,4.2,4.2,6-7.3,14-20.8,8.2-30.4-6.6-10.8-24.1-.5-31.9,3.6-3.4,1.8-.3,7,3.1,5.2Z" fill="#383E45"/>
|
||||
<path d="M97.29,189.76a290.88,290.88,0,0,1,45.4-41.9c3.1-2.3.1-7.5-3-5.2a295.85,295.85,0,0,0-46.6,42.9c-2.6,2.8,1.6,7.1,4.2,4.2Z" fill="#383E45"/>
|
||||
</g>
|
||||
<g id="group_6">
|
||||
<path d="M984.59,762.66a47.4,47.4,0,0,1-9.2,16c-1.3,1.5.9,3.6,2.1,2.1a50.88,50.88,0,0,0,10-17.3c.6-1.8-2.3-2.6-2.9-.8Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M984.39,765.16c1.4,2.6,1.7,5.7,2.9,8.5a35.43,35.43,0,0,0,4.2,7.3c1.1,1.5,3.7,0,2.6-1.5a31.14,31.14,0,0,1-4.5-8.2c-.9-2.5-1.3-5.2-2.6-7.6-.9-1.7-3.5-.2-2.6,1.5Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M975.49,780a45.32,45.32,0,0,1,5.7,12.2,1.48,1.48,0,0,0,2.7.4,27.39,27.39,0,0,1,8.9-10.5c1.6-1.1.1-3.7-1.5-2.6a31.94,31.94,0,0,0-10,11.6,25.12,25.12,0,0,1,2.7.4,50.56,50.56,0,0,0-6-12.9c-1-1.7-3.6-.2-2.5,1.4Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M794.49,670.16c-.8,6.2,4.4,10.8,10.4,11.3,10.5.7,16.8-10.7,26.6-12.5,7.3-1.3,10,4.5,13.9,9.3A17.9,17.9,0,0,0,854,684a19.15,19.15,0,0,0,19.5-5.2c1.3-1.4-.8-3.5-2.1-2.1a16,16,0,0,1-20.2,2.7c-5.7-3.6-7.2-11.4-14.1-13.3-6.2-1.7-12.4,1.8-17.2,5.3-3.1,2.3-6.2,4.8-9.9,6.1-4.6,1.6-13.4.3-12.4-6.6,0-1.8-2.8-2.6-3.1-.7Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M830.09,700.36a27.56,27.56,0,0,1,23.3-1c5.5,2.4,9.6,6.7,16,6.4,5.7-.2,10.8-3.3,15.7-6,6.1-3.3,17.9-7.6,21.1,1.9.6,1.8,3.5,1,2.9-.8-1.8-5.1-6.6-7.9-11.9-8.1-8.2-.2-14.7,5.9-22,8.6-5.6,2.1-10,1.3-15.1-1.7a35.59,35.59,0,0,0-10.3-4.7,31.38,31.38,0,0,0-21.3,2.7c-1.6,1-.1,3.5,1.6,2.7Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M713.09,875.86a31.73,31.73,0,0,1-8.9,24.1l2.4,1.8a49.25,49.25,0,0,0,6.2-12.6c.6-1.8-2.3-2.6-2.9-.8a44.08,44.08,0,0,1-5.9,11.9c-1,1.4,1.2,3,2.4,1.8a35,35,0,0,0,9.7-26.2c-.1-1.9-3.1-1.9-3,0Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M713.19,876.26a44.56,44.56,0,0,0,11.6,21.8c1.3,1.4,3.5-.7,2.1-2.1a42.48,42.48,0,0,1-10.8-20.5c-.4-1.9-3.3-1.1-2.9.8Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M703.79,904.46a73,73,0,0,1,12.9,19.1c.8,1.8,3.4.2,2.6-1.5a71.56,71.56,0,0,0-13.4-19.7c-1.3-1.5-3.4.7-2.1,2.1Z" fill="#383E45" opacity=".1"/>
|
||||
<path d="M719,923.56c3.2-7.6,6.5-15.1,9.7-22.7.8-1.8-1.8-3.3-2.6-1.5-3.2,7.6-6.5,15.1-9.7,22.7-.7,1.8,1.9,3.3,2.6,1.5Z" fill="#383E45" opacity=".1"/>
|
||||
<ellipse cx="858.59" cy="756.06" rx="58.6" ry="57.7" fill="#7C6576"/>
|
||||
<path d="M822.69,706.46c1.5-11.2,16.7-6.4,22.9-3.5a107.67,107.67,0,0,1,17.6,10.5,123.44,123.44,0,0,1,30.5,33.1,164.7,164.7,0,0,1,19.4,44.2c2,7.1,14.4,49.7-3.3,45.1-3.7-1-5.3,4.8-1.6,5.8,5.8,1.5,11.4-1.2,14.6-6.2,3.8-6,2.8-13.6,1.7-20.2a202.48,202.48,0,0,0-13.3-47.7c-11.8-28.1-31.7-53.6-59.1-67.9-7-3.6-15.2-7.6-23.3-5.9a14.74,14.74,0,0,0-12.2,12.8c-.4,3.8,5.6,3.7,6.1-.1Z" fill="#383E45"/>
|
||||
<path d="M890.79,762.86a91.19,91.19,0,0,1,14.8,53c-.1,3.9,5.9,3.9,6,0a95.66,95.66,0,0,0-15.6-56c-2.1-3.3-7.3-.3-5.2,3Z" fill="#383E45"/>
|
||||
<path d="M835,685.66a45.57,45.57,0,0,1,27,13.2c2.7,2.7,7-1.5,4.2-4.2a51.66,51.66,0,0,0-31.2-15c-3.8-.4-3.8,5.6,0,6Z" fill="#383E45"/>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 19 KiB |
|
|
@ -0,0 +1,106 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
|
||||
<style>
|
||||
@keyframes scale_1 {
|
||||
0%, 100% {transform: scale(1);}
|
||||
50% {transform: scale(.3);}
|
||||
}
|
||||
@keyframes scale_2 {
|
||||
0%, 100% {transform: scale(.3);}
|
||||
50% {transform: scale(1.5);}
|
||||
}
|
||||
.circle_scale {
|
||||
transform-box: fill-box;
|
||||
transform-origin: center;
|
||||
}
|
||||
#element_1_2 {animation: scale_1 5s linear infinite;}
|
||||
#element_1_3 {animation: scale_2 5s linear infinite;}
|
||||
#element_1_4 {animation: scale_2 5s linear infinite;}
|
||||
#element_1_6 {animation: scale_2 5s linear infinite;}
|
||||
#element_1_7 {animation: scale_1 5s linear infinite;}
|
||||
#element_1_8 {animation: scale_1 5s linear infinite;}
|
||||
#element_1_9 {animation: scale_2 5s linear infinite;}
|
||||
</style>
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" d="M.8777.3843c.0549.1858.0061.4094-.1174.507c-.1242.0977-.323.0679-.4655-.0477c-.1417-.1152-.2278-.3163-.1829-.4867C.1568.1864.3322.0469.499.0501C.6651.0537.8235.1994.8777.3843z">
|
||||
<animate dur="30s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M.8777.3843c.0549.1858.0061.4094-.1174.507c-.1242.0977-.323.0679-.4655-.0477c-.1417-.1152-.2278-.3163-.1829-.4867C.1568.1864.3322.0469.499.0501C.6651.0537.8235.1994.8777.3843z;
|
||||
M.878.2951c.0628.1874-.0152.4925-.1548.6035c-.1396.111-.3412.0279-.4684-.11C.1276.6507.0735.4592.1123.3121c.0384-.1455.1692-.2452.336-.2602C.6151.0369.8164.1067.878.2951z;
|
||||
M.8841.4163c.0439.1606-.001.2795-.1563.3829c-.1553.1034-.4207.1921-.5427.1305c-.122-.0617-.1006-.275-.0118-.4796C.2621.2449.4184.0469.5629.05C.7074.0532.8402.2556.8841.4163z;
|
||||
M.8767.3493c.0618.1835-.0037.4234-.1495.5308c-.1458.1085-.3738.0842-.5012-.027C.0996.7428.0729.5454.1254.3753c.0526-.1709.1846-.3163.3442-.3248C.6294.0411.8158.1666.8767.3493z;
|
||||
M.8777.3843c.0549.1858.0061.4094-.1174.507c-.1242.0977-.323.0679-.4655-.0477c-.1417-.1152-.2278-.3163-.1829-.4867C.1568.1864.3322.0469.499.0501C.6651.0537.8235.1994.8777.3843z"
|
||||
calcMode="spline"
|
||||
keySplines=".56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
</path>
|
||||
<g id="animation">
|
||||
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#group_1_1" attributeName="transform" attributeType="XML" type="translate" dur="10s" values="0 0;20 -20;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#group_1_2" attributeName="transform" attributeType="XML" type="translate" dur="10s" values="0 0;0 20;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#group_2_1" attributeName="transform" attributeType="XML" type="translate" dur="5s" values="0 0;-10 10;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#group_2_1" attributeName="transform" attributeType="XML" type="rotate" dur="5s" values="0;-10;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
|
||||
<animateTransform xlink:href="#group_2_2" attributeName="transform" attributeType="XML" type="translate" dur="10s" values="5 -5;15 -15;5 -5" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#element_1_1" attributeName="transform" attributeType="XML" type="translate" dur="5s" values="0 0;-10 -10;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateMotion xlink:href="#element_1_5" dur="10s" repeatCount="indefinite" path="M0-0.5l26.6,24z" calcMode="spline" keyTimes="0;1" keySplines=".56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#element_2_1" attributeName="transform" attributeType="XML" type="scale" dur="5s" values=".75;1;.75" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#element_2_1" attributeName="transform" attributeType="XML" type="rotate" dur="5s" values="0;15;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
|
||||
<animateTransform xlink:href="#element_2_2" attributeName="transform" attributeType="XML" type="scale" dur="5s" values="1;1.25;1" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
|
||||
<animateTransform xlink:href="#element_2_2" attributeName="transform" attributeType="XML" type="rotate" dur="5s" values="0;-15;0" repeatCount="indefinite" calcMode="spline" keySplines=".56 .37 .43 .58;.56 .37 .43 .58" additive="sum"/>
|
||||
<animateMotion xlink:href="#element_2_3" dur="6s" repeatCount="indefinite" path="M0,23.31,31.76,0z" calcMode="spline" keyTimes="0;1" keySplines=".56 .37 .43 .58"/>
|
||||
<animateMotion xlink:href="#element_2_4" dur="10s" repeatCount="indefinite" path="M41.36,0,0,30.35z" calcMode="spline" keyTimes="0;1" keySplines=".56 .37 .43 .58"/>
|
||||
</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 429.59 217.18" width="50%" preserveAspectRatio="xMidYMin meet">
|
||||
<path id="element_1_1" d="M384.7,31.56c-2.91,2.77-2.63,6.93-.13,10,3.62,4.49,9.74,3.69,14.76,5,3.45,1,4.9,3.08,6.53,5.9.85,1.45.08,1.56,1.35,2.84A4.79,4.79,0,0,0,411,56.65c4.11.07,6.62-.62,9.83,2.69,2.84,3,4.46,7,5.85,10.68.66,1.8,3.51.88,2.86-.93-1.56-4.24-3.42-8.75-6.7-12s-5.82-3.24-10-3.74a2.33,2.33,0,0,1-2.45-.87,2.13,2.13,0,0,1-2-2.21s0-.11,0-.17c-.53-.75-.72-1.59-1.32-2.41a11.62,11.62,0,0,0-5.21-3.63,27.18,27.18,0,0,0-6.73-1.36,18.26,18.26,0,0,1-5.87-1.4c-2.69-1.35-5.42-4.9-2.31-7.89C388.35,32.3,386.12,30.29,384.7,31.56Z" fill="#3AADAA"/>
|
||||
<g id="group_1_1">
|
||||
<circle id="element_1_2" cx="114.58" cy="209.58" r="7.6" fill="#3AADAA" class="circle_scale"/>
|
||||
<path d="M.49,113.59l29.75,26.89a1.5,1.5,0,1,0,2-2.22L2.51,111.37a1.5,1.5,0,1,0-2,2.22Z" fill="#383E45"/>
|
||||
<circle id="element_1_3" cx="44.74" cy="147.12" r="7" fill="#3AADAA" class="circle_scale"/>
|
||||
<path d="M59.25,165.36l27,24.41a1.5,1.5,0,1,0,2-2.23l-27-24.41a1.5,1.5,0,0,0-2,2.23Z" fill="#383E45"/>
|
||||
<circle id="element_1_4" cx="93.49" cy="195.63" r="3.8" fill="#7C6576" class="circle_scale"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M212,64.2l24.34,22a1.5,1.5,0,0,0,2-2.22L214.05,62a1.5,1.5,0,0,0-2,2.23Z" fill="#383E45"/>
|
||||
<circle id="element_1_5" cx="211.93" cy="61.55" r="15.9" fill="#7C6576"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M147.8,4.92,194.39,47a1.5,1.5,0,1,0,2-2.22L149.81,2.69a1.5,1.5,0,0,0-2,2.23Z" fill="#383E45"/>
|
||||
<circle id="element_1_6" cx="162.83" cy="16.48" r="7" fill="#7C6576" class="circle_scale"/>
|
||||
<circle id="element_1_7" cx="185.37" cy="36.73" r="5.4" fill="#3AADAA" class="circle_scale"/>
|
||||
</g>
|
||||
<g id="group_1_2">
|
||||
<path d="M294.67,2.61,321,26.42a1.5,1.5,0,0,0,2-2.23L296.68.39a1.5,1.5,0,1,0-2,2.22Z" fill="#383E45"/>
|
||||
<circle id="element_1_8" cx="329.88" cy="31.21" r="5.4" fill="#3AADAA" class="circle_scale"/>
|
||||
<path d="M339.85,42.25l20.92,18.91a1.5,1.5,0,0,0,2-2.23h0L341.87,40a1.5,1.5,0,0,0-2,2.23Z" fill="#383E45"/>
|
||||
<circle id="element_1_9" cx="380.2" cy="74.41" r="7.6" fill="#7C6576" class="circle_scale"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg viewBox="0 0 327.27 193.34" width="40%" height="100%" x="60%" preserveAspectRatio="xMidYMax meet">
|
||||
<path id="element_2_1" d="M199,104.05c-6.79-2.33-13.27,1.19-15.44,7.86-1.84,5.94-7.07,2.71-10.2,6.38-1.14,1.33-1.12,3-1.85,4.58-1.8,3.8-6.31,4.25-10.09,4.68a1.5,1.5,0,1,0,.33,3h0c3.56-.38,7.65-.9,10.45-3.33a10.94,10.94,0,0,0,2.58-3.76,13.39,13.39,0,0,1,1-2.57c1.24-1.52,2-1.2,4-1.54,2.78-.43,4.77-1.27,6-3.93,1.16-2.47,1.05-5,3.35-6.93a9.19,9.19,0,0,1,8.84-1.65C199.6,107.44,200.81,104.69,199,104.05Z" fill="#3AADAA" style="transform-box: fill-box" transform-origin="center"/>
|
||||
<path id="element_2_2" d="M53.84,33.07a11.7,11.7,0,0,0-7.75,1.6c-2.7,1.73-3.82,5.78-7,6.37-2.29.43-3.58,0-5.56,1.72s-5.36,9.76-9.08,7.41c-1.63-1-3.49,1.32-1.86,2.36,4.49,2.9,8.17-1,10.65-4.59,1.93-2.78,3.75-3,7-3.65a7.19,7.19,0,0,0,2.14-.46c1.41-.78,1.6-2,2.29-3.3a8.33,8.33,0,0,1,8.65-4.61C55.29,36.22,55.76,33.15,53.84,33.07Z" fill="#3AADAA" style="transform-box: fill-box" transform-origin="center"/>
|
||||
<g id="group_2_1" style="transform-box: fill-box" transform-origin="center">
|
||||
<path d="M170.32.29,140.25,22.36A1.5,1.5,0,1,0,142,24.78L172.1,2.71A1.5,1.5,0,0,0,170.32.29Z" fill="#383E45"/>
|
||||
<path d="M121,37.64,85.73,63.5a1.5,1.5,0,0,0,1.77,2.42l35.23-25.86A1.5,1.5,0,0,0,121,37.64Z" fill="#383E45"/>
|
||||
<circle cx="130.49" cy="32.38" r="16.6" fill="#3AADAA"/>
|
||||
</g>
|
||||
<g id="group_2_2" style="transform-box: fill-box" transform-origin="center">
|
||||
<path d="M118.08,103l-44,32.3a1.5,1.5,0,1,0,1.77,2.42l44-32.3a1.5,1.5,0,1,0-1.78-2.42Z" fill="#383E45"/>
|
||||
<path d="M37.77,159.73,16.49,175.35a1.5,1.5,0,0,0,1.77,2.42l21.29-15.62a1.5,1.5,0,0,0-1.78-2.42Z" fill="#383E45"/>
|
||||
<circle cx="11.4" cy="181.94" r="11.4" fill="#3AADAA"/>
|
||||
<circle cx="50.87" cy="151.73" r="7.8" fill="#7C6576"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="222.42" cy="156.44" r="5.4" fill="#3AADAA"/>
|
||||
<path d="M262.92,123.23l-29.34,21.54a1.5,1.5,0,1,0,1.77,2.42l29.35-21.54a1.5,1.5,0,1,0-1.78-2.42Z" fill="#383E45"/>
|
||||
<circle id="element_2_3" cx="232.96" cy="146.87" r="7.7" fill="#7C6576" transform="translate(0 -22)"/>
|
||||
<path d="M315.72,84.48l-38.93,28.58a1.5,1.5,0,1,0,1.77,2.41L317.5,86.89a1.5,1.5,0,1,0-1.78-2.41Z" fill="#383E45"/>
|
||||
<circle id="element_2_4" cx="276.17" cy="115.24" r="7.7" fill="#7C6576" transform="translate(0 -29)"/>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 10 KiB |
|
|
@ -0,0 +1,61 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" d="M.8925.85 0 .85 0 0 .8925.1844Z">
|
||||
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M.8925.85 0 .85 0 0 .8925.1844Z;
|
||||
M.8925.85 0 .85 0 .05.8925.1644Z;
|
||||
M.8925.85 0 .85 0 0 .8925.1844Z"
|
||||
calcMode="spline"
|
||||
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 .02;0 0;0 .02" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</path>
|
||||
<g id="animation">
|
||||
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#dots_grp_1" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 -5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#dots_grp_2" attributeName="transform" attributeType="XML" type="translate" dur="6s" begin="0.3s" values="0 0;0 -5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#dots_grp_3" attributeName="transform" attributeType="XML" type="translate" dur="6s" begin="0.6s" values="0 0;0 -5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#dots_grp_4" attributeName="transform" attributeType="XML" type="translate" dur="6s" begin="0.9s" values="0 0;0 -5;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</g>
|
||||
</defs>
|
||||
<svg id="background" viewBox="0 0 28.35 28.35" preserveAspectRatio="none" width="90%" height="65%" x="7%" y="30%">
|
||||
<rect width="28.35" height="28.35" fill="#7C6576"/>
|
||||
</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 id="dots" viewBox="0 0 27.4 46.88" width="15%" height="30%" x="65%">
|
||||
<g id="dots_grp_1">
|
||||
<rect y="5.62" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect y="15.53" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect y="25.44" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect y="35.35" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect y="45.26" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
</g>
|
||||
<g id="dots_grp_2">
|
||||
<rect x="8.59" y="5.62" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="8.59" y="15.53" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="8.59" y="25.44" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="8.59" y="35.35" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="8.59" y="45.26" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
</g>
|
||||
<g id="dots_grp_3">
|
||||
<rect x="17.18" y="5.62" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="17.18" y="15.53" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="17.18" y="25.44" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="17.18" y="35.35" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="17.18" y="45.26" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
</g>
|
||||
<g id="dots_grp_4">
|
||||
<rect x="25.78" y="5.62" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="25.78" y="15.53" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="25.78" y="25.44" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="25.78" y="35.35" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
<rect x="25.78" y="45.26" width="1.62" height="1.62" fill="#3AADAA"/>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
|
|
@ -0,0 +1,50 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" d="M1 .7642.0749.95.0749.095 1 .095Z">
|
||||
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M1 .7642.0749.95.0749.095 1 .095Z;
|
||||
M1 .7842.0749.935.0749.095 1 .095Z;
|
||||
M1 .7642.0749.95.0749.095 1 .095Z"
|
||||
calcMode="spline"
|
||||
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 -.02;0 0;0 -.02" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</path>
|
||||
<g id="animation">
|
||||
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#dots_grp_1" attributeName="transform" attributeType="XML" type="scale" dur="6s" values="1;.9;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#dots_grp_2" attributeName="transform" attributeType="XML" type="scale" dur="6s" begin="0.3s" values="1;.9;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#dots_grp_3" attributeName="transform" attributeType="XML" type="scale" dur="6s" begin="0.6s" values="1;.9;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</g>
|
||||
</defs>
|
||||
<svg id="background" viewBox="0 0 28.35 28.35" preserveAspectRatio="none" width="90%" height="65%">
|
||||
<rect width="28.35" height="28.35" fill="#383E45"/>
|
||||
</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 id="dots" viewBox="0 0 31.35 18.81" width="15%" height="30%" x="70%" y="70%">
|
||||
<g id="dots_grp_1" transform="scale(.5)">
|
||||
<rect x="29.73" width="1.62" height="1.62" transform="translate(31.35 -29.73) rotate(90)" fill="#7C6576"/>
|
||||
<rect x="19.82" width="1.62" height="1.62" transform="translate(21.44 -19.82) rotate(90)" fill="#7C6576"/>
|
||||
<rect x="9.91" width="1.62" height="1.62" transform="translate(11.53 -9.91) rotate(90)" fill="#7C6576"/>
|
||||
<rect width="1.62" height="1.62" transform="translate(1.62 0) rotate(90)" fill="#7C6576"/>
|
||||
</g>
|
||||
<g id="dots_grp_2">
|
||||
<rect x="29.73" y="8.59" width="1.62" height="1.62" transform="translate(39.94 -21.14) rotate(90)" fill="#7C6576"/>
|
||||
<rect x="19.82" y="8.59" width="1.62" height="1.62" transform="translate(30.03 -11.23) rotate(90)" fill="#7C6576"/>
|
||||
<rect x="9.91" y="8.59" width="1.62" height="1.62" transform="translate(20.12 -1.32) rotate(90)" fill="#7C6576"/>
|
||||
<rect y="8.59" width="1.62" height="1.62" transform="translate(10.21 8.59) rotate(90)" fill="#7C6576"/>
|
||||
</g>
|
||||
<g id="dots_grp_3">
|
||||
<rect x="29.73" y="17.18" width="1.62" height="1.62" transform="translate(48.54 -12.55) rotate(90)" fill="#7C6576"/>
|
||||
<rect x="19.82" y="17.18" width="1.62" height="1.62" transform="translate(38.63 -2.64) rotate(90)" fill="#7C6576"/>
|
||||
<rect x="9.91" y="17.18" width="1.62" height="1.62" transform="translate(28.72 7.27) rotate(90)" fill="#7C6576"/>
|
||||
<rect y="17.18" width="1.62" height="1.62" transform="translate(18.81 17.18) rotate(90)" fill="#7C6576"/>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.9 KiB |
|
|
@ -0,0 +1,57 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
|
||||
<style>
|
||||
@keyframes rotate {
|
||||
from {transform: rotate(0deg);}
|
||||
to {transform: rotate(-360deg);}
|
||||
}
|
||||
#triangles polygon {
|
||||
transform-box: fill-box;
|
||||
transform-origin: center;
|
||||
}
|
||||
</style>
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" d="M0 .0975.95.0975.95.9525 0 .7667Z">
|
||||
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M0 .0975.95.0975.95.9525 0 .7667Z;
|
||||
M0 .0975.95.0975.95.9325 0 .7867Z;
|
||||
M0 .0975.95.0975.95.9525 0 .7667Z"
|
||||
calcMode="spline"
|
||||
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 -.02;0 0;0 -.02" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</path>
|
||||
<g id="animation">
|
||||
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animate xlink:href="#background" dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M0,0H28.35V28.35Z;
|
||||
M0 0H28.35V25.515Z;
|
||||
M0,0H28.35V28.35Z"
|
||||
calcMode="spline"
|
||||
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
|
||||
</g>
|
||||
</defs>
|
||||
<svg class="background" viewBox="0 0 28.35 28.35" preserveAspectRatio="none" width="90%" height="75%" x="10%">
|
||||
<path id="background" d="M0,0H28.35V28.35Z" fill="#3AADAA"/>
|
||||
</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 viewBox="0 0 22.02 18.6" width="15%" heigth="15%" x="5%" y="30%">
|
||||
<g id="triangles">
|
||||
<polygon points="1.93 0.96 2.73 0.96 2.33 1.65 1.93 2.34 1.53 1.65 1.13 0.96 1.93 0.96" fill="#383E45" style="animation: rotate 6s linear infinite"/>
|
||||
<polygon points="11.01 0.96 11.81 0.96 11.41 1.65 11.01 2.34 10.61 1.65 10.21 0.96 11.01 0.96" fill="#383E45" style="animation: rotate 6s .5s linear infinite"/>
|
||||
<polygon points="20.09 0.96 20.89 0.96 20.49 1.65 20.09 2.34 19.69 1.65 19.29 0.96 20.09 0.96" fill="#383E45" style="animation: rotate 6s 1s linear infinite"/>
|
||||
<polygon points="1.93 8.61 2.73 8.61 2.33 9.3 1.93 9.99 1.53 9.3 1.13 8.61 1.93 8.61" fill="#383E45" style="animation: rotate 6s 1.5s linear infinite"/>
|
||||
<polygon points="11.01 8.61 11.81 8.61 11.41 9.3 11.01 9.99 10.61 9.3 10.21 8.61 11.01 8.61" fill="#383E45" style="animation: rotate 6s 2s linear infinite"/>
|
||||
<polygon points="20.09 8.61 20.89 8.61 20.49 9.3 20.09 9.99 19.69 9.3 19.29 8.61 20.09 8.61" fill="#383E45" style="animation: rotate 6s 2.5s linear infinite"/>
|
||||
<polygon points="1.93 16.26 2.73 16.26 2.33 16.95 1.93 17.65 1.53 16.95 1.13 16.26 1.93 16.26" fill="#383E45" style="animation: rotate 6s 3s linear infinite"/>
|
||||
<polygon points="11.01 16.26 11.81 16.26 11.41 16.95 11.01 17.65 10.61 16.95 10.21 16.26 11.01 16.26" fill="#383E45" style="animation: rotate 6s 3.5s linear infinite"/>
|
||||
<polygon points="20.09 16.26 20.89 16.26 20.49 16.95 20.09 17.65 19.69 16.95 19.29 16.26 20.09 16.26" fill="#383E45" style="animation: rotate 6s 4s linear infinite"/>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
|
|
@ -0,0 +1,69 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="shape" width="800" height="600">
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" d="M.0025.2235.8425.05.8425.85.0025.85Z">
|
||||
<animate dur="6s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M.0025.2235.8425.05.8425.85.0025.85Z;
|
||||
M.0025.2035.8425.075.8425.85.0025.85Z;
|
||||
M.0025.2235.8425.05.8425.85.0025.85Z"
|
||||
calcMode="spline"
|
||||
keySplines=".56 .37 .43 .58; .56 .37 .43 .58"/>
|
||||
</path>
|
||||
<g id="animation">
|
||||
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform xlink:href="#filterPath" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 -.02;0 0;0 -.02" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</g>
|
||||
</defs>
|
||||
<svg class="triangle" viewBox="0 0 28.35 28.35" width="95%" height="90%">
|
||||
<path id="triangle" d="M28.35,28.35H0V0Z" fill="#7C6576"/>
|
||||
</svg>
|
||||
<svg id="dots" viewBox="0 0 71.53 49.13" width="45%" height="45%" x="53%" y="53%">
|
||||
<rect x="5.39" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="13.83" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="22.28" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="30.73" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="39.18" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="47.63" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="56.08" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="64.53" y="3.7" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="5.39" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="13.83" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="22.28" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="30.73" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="39.18" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="47.63" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="56.08" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="64.53" y="13.73" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="5.39" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="13.83" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="22.28" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="30.73" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="39.18" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="47.63" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="56.08" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="64.53" y="23.76" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="5.39" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="13.83" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="22.28" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="30.73" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="39.18" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="47.63" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="56.08" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="64.53" y="33.78" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="5.39" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="13.83" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="22.28" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="30.73" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="39.18" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="47.63" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="56.08" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
|
||||
<rect x="64.53" y="43.81" width="1.62" height="1.62" fill="#383E45"/>
|
||||
</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>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
|
|
@ -0,0 +1,32 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600" id="shape">
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" d="M0.947,0.9468L0.0495,1L0,0l1,0.1065L0.947,0.9468z">
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="scale" dur="12s" values="1;.95;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="12s" values="0; -6;0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
|
||||
</path>
|
||||
<g id="animation">
|
||||
<animateTransform xlink:href="#shape" attributeName="transform" attributeType="XML" type="translate" dur="6s" values="0 0;0 8;0 0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
</g>
|
||||
</defs>
|
||||
<svg viewBox="0 0 28.3 28.3" preserveAspectRatio="none">
|
||||
<path id="background_1" d="M0.3,0.3l27.8,2.8l-1.5,21.6L1.7,26L0.3,0.3 M0,0l1.4,26.3l25.3-1.4l1.6-22.1L0,0L0,0z" fill="#7C6576">
|
||||
<animateTransform attributeName="transform" attributeType="XML" begin="1.5s" type="scale" dur="12s" values="1;.95;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" begin="1.5s" type="rotate" dur="12s" values="0; -6;0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
|
||||
</path>
|
||||
<path id="background_2" d="M0.3,0.3l27.8,2.8l-1.5,21.6L1.7,26L0.3,0.3 M0,0l1.4,26.3l25.3-1.4l1.6-22.1L0,0L0,0z" fill="#7C6576" opacity=".75">
|
||||
<animateTransform attributeName="transform" attributeType="XML" begin="2.5s" type="scale" dur="12s" values="1;.95;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" begin="2.5s" type="rotate" dur="12s" values="0; -6;0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
|
||||
</path>
|
||||
<path id="background_3" d="M0.3,0.3l27.8,2.8l-1.5,21.6L1.7,26L0.3,0.3 M0,0l1.4,26.3l25.3-1.4l1.6-22.1L0,0L0,0z" fill="#7C6576" opacity=".5">
|
||||
<animateTransform attributeName="transform" attributeType="XML" begin="3.5s" type="scale" dur="12s" values="1;.95;1" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95"/>
|
||||
<animateTransform attributeName="transform" attributeType="XML" begin="3.5s" type="rotate" dur="12s" values="0; -6;0" repeatCount="indefinite" calcMode="spline" keySplines=".45 .05 .55 .95;.45 .05 .55 .95" additive="sum"/>
|
||||
</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>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,58 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
|
||||
<style>
|
||||
@keyframes rotate {
|
||||
0%, 100% {transform: rotate(45deg) scale(.8);}
|
||||
50% {transform: rotate(225deg) scale(.8);}
|
||||
}
|
||||
#triangles path {
|
||||
transform-box: fill-box;
|
||||
transform-origin: center;
|
||||
transform: rotate(45deg) scale(.8);
|
||||
}
|
||||
#line_1 {animation: rotate 15s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_2 {animation: rotate 15s .1s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_3 {animation: rotate 15s .2s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_4 {animation: rotate 15s .3s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_5 {animation: rotate 15s .4s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_6 {animation: rotate 15s .5s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_7 {animation: rotate 15s .6s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_8 {animation: rotate 15s .7s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_9 {animation: rotate 15s .8s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_10 {animation: rotate 15s .9s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
#line_11 {animation: rotate 15s 1s cubic-bezier(.45, .05, .55, .95) infinite;}
|
||||
</style>
|
||||
<defs>
|
||||
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
|
||||
<use xlink:href="#filterPath" fill="none"/>
|
||||
</clipPath>
|
||||
<path id="filterPath" d="M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z">
|
||||
<animate dur="12s" repeatCount="indefinite" attributeName="d" attributeType="XML"
|
||||
values="
|
||||
M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z;
|
||||
M.8462.216c.0583.047.0185.2117-.0344.3265c-.0557.1177-.1272.1853-.2067.2236c-.0795.0382-.1696.047-.2491.0118c-.0795-.0323-.1537-.1088-.1961-.2206c-.0425-.1118-.053-.253.008-.3029c.0557-.0441.1855.0059.3259-.0029c.1405-.0118.2942-.0824.3525-.0353z;
|
||||
M.7205.3445c.0955.0828.1825.1804.1459.2377c-.0365.0594-.1937.0806-.3285.1231c-.1348.0446-.2471.1103-.3144.0913c-.0702-.0191-.0955-.121-.0983-.208c-.0028-.0849.0112-.155.0618-.2293c.0505-.0743.1404-.1528.2358-.1592c.0983-.0043.2021.0616.2976.1444z;
|
||||
M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z;
|
||||
M.7461.2174c.0794.0405.1403.1538.1271.2672c-.0133.1106-.1033.2213-.2171.2753c-.1138.054-.2515.054-.3521-.0027c-.1006-.0567-.1668-.17-.1774-.2807c-.0106-.1079.0344-.2132.1006-.251c.0662-.0378.1562-.0054.2488-.0081c.0953-.0027.1906-.0378.2701 0z"
|
||||
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 28.35 28.35" preserveAspectRatio="none">
|
||||
<g id="triangles">
|
||||
<path id="line_1" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_2" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_3" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_4" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_5" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_6" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_7" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_8" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_9" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_10" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
<path id="line_11" d="M6.58,12.42,11.6,4A3.22,3.22,0,0,1,17.18,4L22,12.6l4.82,8.58A3.21,3.21,0,0,1,24,26l-9.84-.11-9.85-.11a3.22,3.22,0,0,1-2.73-4.86Z" fill="none" stroke="#3AADAA" stroke-width="1" stroke-miterlimit="10" opacity=".2"/>
|
||||
</g>
|
||||
</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>
|
||||
|
After Width: | Height: | Size: 6.3 KiB |
Loading…
Add table
Add a link
Reference in a new issue