mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
40 lines
No EOL
786 B
HTML
40 lines
No EOL
786 B
HTML
<div class="bars"></div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by vikramsinghnegi - Tags: loading, loader, bar */
|
|
.bars {
|
|
width: 50.5px;
|
|
height: 60.599999999999994px;
|
|
--c: repeating-linear-gradient(90deg, #474bff 0 10.1px, #0000 0 20.2px);
|
|
background: var(--c), var(--c), var(--c), var(--c);
|
|
background-size: 100% 21%;
|
|
background-repeat: no-repeat;
|
|
animation: bars-yrfh98 0.75s infinite alternate;
|
|
}
|
|
|
|
@keyframes bars-yrfh98 {
|
|
0%,
|
|
10% {
|
|
background-position: 0 0, 0 25%, 0 50%, 0 75%;
|
|
}
|
|
|
|
25% {
|
|
background-position: 0 0, 0 25%, 0 50%, 0 100%;
|
|
}
|
|
|
|
50% {
|
|
background-position: 0 0, 0 25%, 0 75%, 0 100%;
|
|
}
|
|
|
|
75% {
|
|
background-position: 0 0, 0 50%, 0 75%, 0 100%;
|
|
}
|
|
|
|
90%,
|
|
100% {
|
|
background-position: 0 25%, 0 50%, 0 75%, 0 100%;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|