43 lines
1.6 KiB
XML
43 lines
1.6 KiB
XML
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<g id="ray-a">
|
|
<rect x="18" y="-3" height="6" rx="3">
|
|
<animate attributeName="width" values="20;25;20" dur="5s" repeatCount="indefinite" />
|
|
</rect>
|
|
<circle cy="0" r="3">
|
|
<animate attributeName="cx" values="47;40;47" dur="5s" repeatCount="indefinite" />
|
|
</circle>
|
|
</g>
|
|
<g id="ray-b">
|
|
<rect x="18" y="-3" height="6" rx="3">
|
|
<animate attributeName="width" values="25;20;25" dur="5s" repeatCount="indefinite" />
|
|
</rect>
|
|
<circle cy="0" r="3">
|
|
<animate attributeName="cx" values="40;47;40" dur="5s" repeatCount="indefinite" />
|
|
</circle>
|
|
</g>
|
|
</defs>
|
|
|
|
<mask fill="white" id="mask">
|
|
<g transform-origin="50% 50%">
|
|
<circle cx="50" cy="50" r="14" />
|
|
<use href="#ray-a" transform="translate(50 50) rotate(0 0 0)" />
|
|
<use href="#ray-a" transform="translate(50 50) rotate(90 0 0)" />
|
|
<use href="#ray-a" transform="translate(50 50) rotate(180 0 0)" />
|
|
<use href="#ray-a" transform="translate(50 50) rotate(270 0 0)" />
|
|
<use href="#ray-b" transform="translate(50 50) rotate(45 0 0)" />
|
|
<use href="#ray-b" transform="translate(50 50) rotate(135 0 0)" />
|
|
<use href="#ray-b" transform="translate(50 50) rotate(225 0 0) " />
|
|
<use href="#ray-b" transform="translate(50 50) rotate(315 0 0)" />
|
|
<animateTransform
|
|
attributeName="transform"
|
|
type="rotate"
|
|
values="0;90"
|
|
dur="10s"
|
|
repeatCount="indefinite"
|
|
/>
|
|
</g>
|
|
</mask>
|
|
|
|
<rect width="100%" height="100%" fill="white" mask="url(#mask)"/>
|
|
</svg>
|