Format css files

This commit is contained in:
Nicola Benaglia
2025-04-05 17:59:14 +02:00
parent 56b793cd1e
commit 80791358c5
6 changed files with 178 additions and 184 deletions

View File

@@ -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%;
}
}