mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
38 lines
No EOL
618 B
HTML
38 lines
No EOL
618 B
HTML
<div class="loader">
|
|
<span><</span>
|
|
<span>LOADING</span>
|
|
<span>/></span>
|
|
</div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by Subaashbala - Tags: loader, smooth, loading animation */
|
|
.loader {
|
|
font-size: 2em;
|
|
font-weight: 900;
|
|
}
|
|
.loader > * {
|
|
color: black;
|
|
}
|
|
.loader span {
|
|
display: inline-flex;
|
|
}
|
|
.loader span:nth-child(2) {
|
|
letter-spacing: -1em;
|
|
overflow: hidden;
|
|
animation: reveal 1500ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite
|
|
alternate;
|
|
}
|
|
@keyframes reveal {
|
|
0%,
|
|
100% {
|
|
opacity: 0.5;
|
|
letter-spacing: -1em;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
letter-spacing: 0em;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|