You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
1.6 KiB
21 lines
1.6 KiB
1 year ago
|
<svg width='120px' height='120px' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-balls"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><g transform="rotate(0 50 50)">
|
||
|
|
<circle r="5" cx="30" cy="50">
|
||
|
|
<animateTransform attributeName="transform" type="translate" begin="0s" repeatCount="indefinite" dur="1s" values="0 0;19.999999999999996 -20" keyTimes="0;1"/>
|
||
|
|
<animate attributeName="fill" dur="1s" begin="0s" repeatCount="indefinite" keyTimes="0;1" values="#fff;#999"/>
|
||
|
|
</circle>
|
||
|
|
</g><g transform="rotate(90 50 50)">
|
||
|
|
<circle r="5" cx="30" cy="50">
|
||
|
|
<animateTransform attributeName="transform" type="translate" begin="0s" repeatCount="indefinite" dur="1s" values="0 0;19.999999999999996 -20" keyTimes="0;1"/>
|
||
|
|
<animate attributeName="fill" dur="1s" begin="0s" repeatCount="indefinite" keyTimes="0;1" values="#999;#000"/>
|
||
|
|
</circle>
|
||
|
|
</g><g transform="rotate(180 50 50)">
|
||
|
|
<circle r="5" cx="30" cy="50">
|
||
|
|
<animateTransform attributeName="transform" type="translate" begin="0s" repeatCount="indefinite" dur="1s" values="0 0;19.999999999999996 -20" keyTimes="0;1"/>
|
||
|
|
<animate attributeName="fill" dur="1s" begin="0s" repeatCount="indefinite" keyTimes="0;1" values="#000;#fff"/>
|
||
|
|
</circle>
|
||
|
|
</g><g transform="rotate(270 50 50)">
|
||
|
|
<circle r="5" cx="30" cy="50">
|
||
|
|
<animateTransform attributeName="transform" type="translate" begin="0s" repeatCount="indefinite" dur="1s" values="0 0;19.999999999999996 -20" keyTimes="0;1"/>
|
||
|
|
<animate attributeName="fill" dur="1s" begin="0s" repeatCount="indefinite" keyTimes="0;1" values="#fff;#999"/>
|
||
|
|
</circle>
|
||
|
|
</g></svg>
|