1 |
|
2 | :root {
|
3 | |
4 |
|
5 |
|
6 | }
|
7 | .swiper-lazy-preloader {
|
8 | width: 42px;
|
9 | height: 42px;
|
10 | position: absolute;
|
11 | left: 50%;
|
12 | top: 50%;
|
13 | margin-left: -21px;
|
14 | margin-top: -21px;
|
15 | z-index: 10;
|
16 | transform-origin: 50%;
|
17 | animation: swiper-preloader-spin 1s infinite linear;
|
18 | box-sizing: border-box;
|
19 | border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
20 | border-radius: 50%;
|
21 | border-top-color: transparent;
|
22 | }
|
23 |
|
24 | .swiper-lazy-preloader-white {
|
25 | --swiper-preloader-color: #fff;
|
26 | }
|
27 | .swiper-lazy-preloader-black {
|
28 | --swiper-preloader-color: #000;
|
29 | }
|
30 | @keyframes swiper-preloader-spin {
|
31 | 100% {
|
32 | transform: rotate(360deg);
|
33 | }
|
34 | }
|