mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
23 lines
839 B
HTML
23 lines
839 B
HTML
<div class="loader"></div>
|
|
<style>
|
|
/* From Uiverse.io by doniaskima - Tags: simple, material design, loader */
|
|
/* HTML: <div class="loader"></div> */
|
|
.loader {
|
|
width: 50px;
|
|
aspect-ratio: 1;
|
|
--g: #0000 calc(100% - 5px),#000 calc(100% - 3px) 93%,#0000;
|
|
background: radial-gradient(farthest-side at bottom,var(--g)) top /100% 50%,
|
|
radial-gradient(farthest-side at top ,var(--g)) bottom 18% right 0 /80% 40%,
|
|
radial-gradient(farthest-side at bottom,var(--g)) left 50% top 30%/60% 30%,
|
|
radial-gradient(farthest-side at top ,var(--g)) right 34% bottom 37%/40% 20%,
|
|
radial-gradient(farthest-side at bottom,var(--g)) left 52% top 43%/24% 12%;
|
|
background-repeat: no-repeat;
|
|
animation: l20 1s infinite linear;
|
|
}
|
|
|
|
@keyframes l20 {
|
|
100% {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
</style>
|