MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Admin (обсуждение | вклад) Новая страница: «→Размещённый здесь CSS будет применяться ко всем темам оформления: →Стили для скелетона: .skeleton { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s infinite ease-in-out; color: transparent; border-radius: 5px; } @keyframes skeleton-loading { 0% { background-position: -2...» |
Admin (обсуждение | вклад) Нет описания правки |
||
(не показаны 4 промежуточные версии этого же участника) | |||
Строка 1: | Строка 1: | ||
/* Стили для вращающегося круга */ | |||
/* Стили для | .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 | /* Анимация вращения */ | ||
0% { | @keyframes spin { | ||
100% { | 0% { transform: rotate(0deg); } | ||
100% { transform: rotate(360deg); } | |||
} | } | ||
/* | /* Задержка исчезновения затемнения */ | ||
#loading-overlay { | |||
opacity: 1; | |||
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; }