mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
84 lines
1.4 KiB
HTML
84 lines
1.4 KiB
HTML
<div class="loader">
|
|
<div class="justify-content-center jimu-primary-loading"></div>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by Donewenfu - Tags: loader */
|
|
.loader {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.jimu-primary-loading:before,
|
|
.jimu-primary-loading:after {
|
|
position: absolute;
|
|
top: 0;
|
|
content: '';
|
|
}
|
|
|
|
.jimu-primary-loading:before {
|
|
left: -19.992px;
|
|
}
|
|
|
|
.jimu-primary-loading:after {
|
|
left: 19.992px;
|
|
-webkit-animation-delay: 0.32s !important;
|
|
animation-delay: 0.32s !important;
|
|
}
|
|
|
|
.jimu-primary-loading:before,
|
|
.jimu-primary-loading:after,
|
|
.jimu-primary-loading {
|
|
background: #076fe5;
|
|
-webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out;
|
|
animation: loading-keys-app-loading 0.8s infinite ease-in-out;
|
|
width: 13.6px;
|
|
height: 32px;
|
|
}
|
|
|
|
.jimu-primary-loading {
|
|
text-indent: -9999em;
|
|
margin: auto;
|
|
position: absolute;
|
|
right: calc(50% - 6.8px);
|
|
top: calc(50% - 16px);
|
|
-webkit-animation-delay: 0.16s !important;
|
|
animation-delay: 0.16s !important;
|
|
}
|
|
|
|
@-webkit-keyframes loading-keys-app-loading {
|
|
|
|
0%,
|
|
80%,
|
|
100% {
|
|
opacity: .75;
|
|
box-shadow: 0 0 #076fe5;
|
|
height: 32px;
|
|
}
|
|
|
|
40% {
|
|
opacity: 1;
|
|
box-shadow: 0 -8px #076fe5;
|
|
height: 40px;
|
|
}
|
|
}
|
|
|
|
@keyframes loading-keys-app-loading {
|
|
|
|
0%,
|
|
80%,
|
|
100% {
|
|
opacity: .75;
|
|
box-shadow: 0 0 #076fe5;
|
|
height: 32px;
|
|
}
|
|
|
|
40% {
|
|
opacity: 1;
|
|
box-shadow: 0 -8px #076fe5;
|
|
height: 40px;
|
|
}
|
|
}
|
|
</style>
|