mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
30 lines
550 B
HTML
30 lines
550 B
HTML
|
|
<div class="ball"></div>
|
|
<style>
|
|
/* From Uiverse.io by satyamchaudharydev - Tags: loader */
|
|
.ball {
|
|
--size: 20px;
|
|
--timing: 0.7s;
|
|
--displace: 70px;
|
|
border-radius: 50%;
|
|
width: var(--size);
|
|
height: var(--size);
|
|
background: #000;
|
|
margin-right: var(--displace);
|
|
animation: animation321 var(--timing) infinite alternate
|
|
cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
}
|
|
|
|
@keyframes animation321 {
|
|
0% {
|
|
background: #4284f3;
|
|
transform: translateX(var(--displace));
|
|
}
|
|
|
|
100% {
|
|
background: #ea4335;
|
|
transform: translateX(00px);
|
|
}
|
|
}
|
|
|
|
</style>
|