mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
41 lines
1.3 KiB
HTML
41 lines
1.3 KiB
HTML
<div class="loader">
|
|
<svg class="loader-svg" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 47.94 47.94" style="enable-background:new 0 0 47.94 47.94;" xml:space="preserve">
|
|
<path style="fill:#fff;" d="M26.285,2.486l5.407,10.956c0.376,0.762,1.103,1.29,1.944,1.412l12.091,1.757
|
|
c2.118,0.308,2.963,2.91,1.431,4.403l-8.749,8.528c-0.608,0.593-0.886,1.448-0.742,2.285l2.065,12.042
|
|
c0.362,2.109-1.852,3.717-3.746,2.722l-10.814-5.685c-0.752-0.395-1.651-0.395-2.403,0l-10.814,5.685
|
|
c-1.894,0.996-4.108-0.613-3.746-2.722l2.065-12.042c0.144-0.837-0.134-1.692-0.742-2.285l-8.749-8.528
|
|
c-1.532-1.494-0.687-4.096,1.431-4.403l12.091-1.757c0.841-0.122,1.568-0.65,1.944-1.412l5.407-10.956
|
|
C22.602,0.567,25.338,0.567,26.285,2.486z"></path>
|
|
</svg>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by AbanoubMagdy1 - Tags: loader */
|
|
.loader {
|
|
--dim: 6rem;
|
|
background-color: #ED8A19;
|
|
width: var(--dim);
|
|
height: var(--dim);
|
|
border-radius: 50%;
|
|
display: grid;
|
|
place-items: center;
|
|
animation: spin_412 5s infinite;
|
|
}
|
|
|
|
.loader .loader-svg {
|
|
transform: translateY(-2px) scale(.7);
|
|
}
|
|
|
|
@keyframes spin_412 {
|
|
0% {
|
|
transform: rotate(0) scale(1);
|
|
}
|
|
|
|
50% {
|
|
transform: rotate(720deg) scale(1.3);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(0) scale(1);
|
|
}
|
|
}
|
|
</style>
|