mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
27 lines
539 B
HTML
27 lines
539 B
HTML
<div class="loader"></div>
|
|
<style>
|
|
/* From Uiverse.io by G4b413l - Tags: loader, after */
|
|
.loader {
|
|
position: relative;
|
|
width: 300px;
|
|
height: 3px;
|
|
background: linear-gradient(to right, transparent, #28AE60, transparent);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.loader::after {
|
|
content: '';
|
|
position: absolute;
|
|
translate: -200px 0;
|
|
width: 150px;
|
|
height: 100%;
|
|
background: linear-gradient(to right, transparent, #212121, transparent);
|
|
animation: slide 1s infinite;
|
|
}
|
|
|
|
@keyframes slide {
|
|
100% {
|
|
translate: 300px 0;
|
|
}
|
|
}
|
|
</style>
|