mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
35 lines
No EOL
626 B
HTML
35 lines
No EOL
626 B
HTML
<div class="Buttons"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by Juanes200122 - Tags: animation, loader, animated, transition */
|
|
.Buttons {
|
|
color: #000;
|
|
width: 6px;
|
|
aspect-ratio: 1;
|
|
border-radius: 50%;
|
|
animation: l37-1 0.75s infinite linear alternate, l37-2 1.5s infinite linear;
|
|
}
|
|
@keyframes l37-1 {
|
|
0%,
|
|
20% {
|
|
box-shadow: 30px 0 0 3px, 10px 0 0 3px, -10px 0 0 3px, -30px 0 0 3px;
|
|
}
|
|
60%,
|
|
100% {
|
|
box-shadow: 12px 0 0 3px, 14px 0 0 6px, -14px 0 0 6px, -12px 0 0 3px;
|
|
}
|
|
}
|
|
|
|
@keyframes l37-2 {
|
|
0%,
|
|
25% {
|
|
transform: rotate(0);
|
|
}
|
|
50%,
|
|
100% {
|
|
transform: rotate(0.5turn);
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|