mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
30 lines
1.6 KiB
HTML
30 lines
1.6 KiB
HTML
|
|
<svg class="svg_preloader" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 248 248" style="enable-background:new 0 0 248 248;" xml:space="preserve">
|
|
<filter id="goo">
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur>
|
|
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 60 -20"></feColorMatrix>
|
|
</filter>
|
|
<circle stroke="#fff" fill="none" stroke-width="3" cx="124" cy="124" r="120"></circle>
|
|
<g id="shape" filter="url(#goo)">
|
|
<circle stroke="#fff" fill="none" stroke-width="10" cx="124" cy="124" r="105"></circle>
|
|
<circle fill="#fff" cx="0" cy="0" r="36" transform="translate(124 124)">
|
|
<animateTransform attributeName="transform" type="scale" additive="sum" values="1.3;0.55;0.55;1.3" keyTimes="0;0.4;0.6;1" dur="2s" repeatCount="indefinite"></animateTransform>
|
|
</circle>
|
|
<circle fill="#fff" cx="0" cy="0" r="22">
|
|
<animateMotion path="M124.1,124l-14.9-14.9c-22.3-22.3-2.5-60.3,28.4-54.4c13.3,2.6,26.1,9,36.4,19.4
|
|
c10.1,10.1,16.5,22.4,19.2,35.4c6.5,31.3-31.7,51.9-54.3,29.3L124.1,124z" dur="2s" repeatCount="indefinite"></animateMotion>
|
|
</circle>
|
|
<circle fill="#fff" cx="0" cy="0" r="22">
|
|
<animateMotion path="M124.1,124l15.2,15.2c22.2,22.2,2.5,60-28.3,54.2c-13.5-2.5-26.4-9-36.8-19.4c-8.9-8.9-14.9-19.5-18-30.7
|
|
c-9.1-32.5,31.4-55.7,55.2-31.8L124.1,124z" dur="2s" repeatCount="indefinite"></animateMotion>
|
|
</circle>
|
|
</g>
|
|
</svg>
|
|
|
|
<style>
|
|
/* From Uiverse.io by Nawsome - Tags: loader */
|
|
.svg_preloader {
|
|
width: 170px;
|
|
height: 170px;
|
|
}
|
|
</style>
|