Материал из Ascaron Online
Перейти к навигации
Перейти к поиску
|
|
Строка 1: |
Строка 1: |
| /* Слой для затемнения экрана */
| |
| #loading-overlay {
| |
| position: fixed;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| background: rgba(0, 0, 0, 0.5);
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| z-index: 1000;
| |
| opacity: 1;
| |
| transition: opacity 2s;
| |
| }
| |
|
| |
|
| /* Стиль для вращающегося круга */
| |
| .spinner {
| |
| border: 4px solid rgba(255, 255, 255, 0.3);
| |
| border-top: 4px solid #fff;
| |
| border-radius: 50%;
| |
| width: 50px;
| |
| height: 50px;
| |
| animation: spin 2s linear infinite;
| |
| }
| |
|
| |
| /* Анимация вращения */
| |
| @keyframes spin {
| |
| 0% { transform: rotate(0deg); }
| |
| 100% { transform: rotate(360deg); }
| |
| }
| |
Версия от 07:34, 5 апреля 2025