33 lines
683 B
CSS
33 lines
683 B
CSS
body {
|
|
background-image: url("../images/background.svg");
|
|
background-repeat: repeat;
|
|
background-size: 512px auto;
|
|
}
|
|
|
|
.loader-bg {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
|
|
/* светлый фон */
|
|
background: rgba(255, 255, 255, 0.85);
|
|
|
|
/* мягкая тень = эффект размытия краёв */
|
|
box-shadow:
|
|
0 0 0 8px rgba(255, 255, 255, 0.35),
|
|
0 0 20px rgba(0, 0, 0, 0.08);
|
|
|
|
/* чуть сглаживаем */
|
|
backdrop-filter: blur(2px);
|
|
}
|
|
|
|
/* плавное появление */
|
|
#globalLoader {
|
|
transition: opacity .15s ease-in-out;
|
|
}
|
|
#globalLoader.d-none {
|
|
opacity: 0;
|
|
}
|
|
#globalLoader:not(.d-none) {
|
|
opacity: 1;
|
|
} |