Примечание:
Эта страница - компонент, используемый на данной вики. Он предназначен для включения в другие страницы.
Это компонент, который анимирует плашку ACS при загрузке страницы.
Как использовать:
Скопируйте это куда-нибудь в код статьи:
[[include component:acs-animation]]
И всё!
Пример: SCP-5935 - Кровь и моё разбитое сердце
Примечание:
- Тайминги анимации контролируются двумя переменными: --timeScale и --timeDelay. К примеру:
[[module CSS]]
:root {
--timeScale: 2;
--timeDelay: 0.5s;
}
[[/module]]
--timeScale замедляет анимацию в 2 раза, а --timeDelay добавляет полсекундную задержку к началу анимации. Значения по умолчанию — 1 и 0, соответственно.
Для изменения значений по умолчанию, поместите код выше после блока[[include]]. Рекомендуется использовать --timeDelay если плашка ACS — не первый элемент в теле статьи, или если вы используете её вместе с другими компонентами с анимацией (например Визуальный элемент Fade In).
- Данный компонент скорее всего несовместим с остальными вариациями плашек ACS*.
*Для использования вместе с Плашка классификации аномалий ACS (компактный вариант) за авторством PeppersGhost, добавьте следующий патч после [[include]]:
[[module CSS]]
/*-- ACS Lite Animation Compatibility Patch --*/
.anom-bar > .bottom-box::before { display: none; }
.anom-bar > .bottom-box { box-shadow: none!important; }
div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
@media (max-width: 480px) {
div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }
}
[[/module]]
- Вдохновлено работами AnAnomalousWriter.