mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
32 lines
516 B
HTML
32 lines
516 B
HTML
<div class="loader">
|
|
<div></div>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by gagan-gv - Tags: animation, progress, loader, smooth */
|
|
.loader {
|
|
width: 12em;
|
|
height: 1em;
|
|
border-radius: 8px;
|
|
background-color: #47a7ff44;
|
|
}
|
|
|
|
.loader div {
|
|
height: 100%;
|
|
width: 100%;
|
|
border-radius: 8px;
|
|
background-color: #47a7ff;
|
|
animation: width7435 5s linear infinite;
|
|
transition: all;
|
|
}
|
|
|
|
@keyframes width7435 {
|
|
from {
|
|
/*width: 0;*/
|
|
transform: scaleX(0);
|
|
}
|
|
|
|
to {
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
</style>
|