|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- .центрирование-на-экране
- {
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translateX(-50%) translateY(-50%);
- }
-
- .фон-экрана
- {
- background-color: white;
- position: fixed;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- }
-
- /* https://loading.io/css/ */
- .lds-dual-ring
- {
- display: inline-block;
- width: 80px;
- height: 80px;
- }
- .lds-dual-ring:after
- {
- content: " ";
- display: block;
- width: 64px;
- height: 64px;
- margin: 8px;
- border-radius: 50%;
- border: 3px solid black;
- border-color: black transparent black transparent;
- animation: lds-dual-ring 1.2s linear infinite;
- }
- @keyframes lds-dual-ring
- {
- 0%
- {
- transform: rotate(0deg);
- }
- 100%
- {
- transform: rotate(360deg);
- }
- }
|