mirror of
https://github.com/Qortal/Qortal-Hub.git
synced 2025-07-23 04:36:52 +00:00
Format css files
This commit is contained in:
@@ -1,19 +1,27 @@
|
||||
/* HTML: <div class="loader"></div> */
|
||||
.loader-bar {
|
||||
width: 45px;
|
||||
aspect-ratio: .75;
|
||||
--c:no-repeat linear-gradient(currentColor 0 0);
|
||||
background:
|
||||
var(--c) 0% 100%,
|
||||
var(--c) 50% 100%,
|
||||
var(--c) 100% 100%;
|
||||
background-size: 20% 65%;
|
||||
animation: l8 1s infinite linear;
|
||||
width: 45px;
|
||||
aspect-ratio: 0.75;
|
||||
--c: no-repeat linear-gradient(currentColor 0 0);
|
||||
background: var(--c) 0% 100%, var(--c) 50% 100%, var(--c) 100% 100%;
|
||||
background-size: 20% 65%;
|
||||
animation: l8 1s infinite linear;
|
||||
}
|
||||
|
||||
@keyframes l8 {
|
||||
16.67% {
|
||||
background-position: 0% 0%, 50% 100%, 100% 100%;
|
||||
}
|
||||
@keyframes l8 {
|
||||
16.67% {background-position: 0% 0% ,50% 100%,100% 100%}
|
||||
33.33% {background-position: 0% 0% ,50% 0% ,100% 100%}
|
||||
50% {background-position: 0% 0% ,50% 0% ,100% 0% }
|
||||
66.67% {background-position: 0% 100%,50% 0% ,100% 0% }
|
||||
83.33% {background-position: 0% 100%,50% 100%,100% 0% }
|
||||
}
|
||||
33.33% {
|
||||
background-position: 0% 0%, 50% 0%, 100% 100%;
|
||||
}
|
||||
50% {
|
||||
background-position: 0% 0%, 50% 0%, 100% 0%;
|
||||
}
|
||||
66.67% {
|
||||
background-position: 0% 100%, 50% 0%, 100% 0%;
|
||||
}
|
||||
83.33% {
|
||||
background-position: 0% 100%, 50% 100%, 100% 0%;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user