web_editor/static/image_shapes/composition/composition_square_line.svg

33 lines
3.1 KiB
XML
Raw Permalink Normal View History

2024-05-03 12:47:49 +03:00
<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>