mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
24 lines
434 B
HTML
24 lines
434 B
HTML
<section class="area">
|
|
<div class="ball"></div>
|
|
</section>
|
|
<style>
|
|
/* From Uiverse.io by bhaveshxrawat - Tags: loader */
|
|
.ball {
|
|
position: relative;
|
|
height: 15px;
|
|
width: 15px;
|
|
background-color: rgb(255, 44, 44);
|
|
border-radius: 50%;
|
|
animation: bounce 0.5s ease-in-out infinite both;
|
|
}
|
|
|
|
@keyframes bounce {
|
|
0%, 100% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
|
|
50% {
|
|
transform: translate(0px, 50px) scale(1, 0.77);
|
|
}
|
|
}
|
|
</style>
|