MediaWiki:Common.css: различия между версиями

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


        /* Стиль для вращающегося круга */
/* Анимация вращения */
        .spinner {
@keyframes spin {
            border: 4px solid rgba(255, 255, 255, 0.3);
    0% { transform: rotate(0deg); }
            border-top: 4px solid #fff;
    100% { transform: rotate(360deg); }
            border-radius: 50%;
}
            width: 50px;
            height: 50px;
            animation: spin 2s linear infinite;
        }


        /* Анимация вращения */
/* Задержка исчезновения затемнения */
        @keyframes spin {
#loading-overlay {
            0% { transform: rotate(0deg); }
    opacity: 1;
            100% { transform: rotate(360deg); }
    transition: opacity 2s;
        }
}

Текущая версия от 07:34, 5 апреля 2025

/* Стили для вращающегося круга */
.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); }
}

/* Задержка исчезновения затемнения */
#loading-overlay {
    opacity: 1;
    transition: opacity 2s;
}