Примечание:
Эта страница - компонент, используемый на данной вики. Он предназначен для включения в другие страницы.
Что это
Это компонент, который создаёт плавную анимацию появления содержимого страницы. Можно задать задержку как самой анимации, так и задержку перед появлением последующих элементов.
⚠️ ВНИМАНИЕ: Этот компонент может ухудшить опыт чтения для некоторых пользователей, особенно при применении задержки между появлением элементов. Я настоятельно рекомендую не использовать данный компонент и отговаривать других авторов от его использования.
⛔️ Компонент НЕ подходит для: Любой страницы, где посетитель может начать чтение не с начала страницы, например страница-хаб или страница с блоком содержания [[toc]].
Использование
На этой вики:
[[include component:fade-in speed=1]]
speed=1: всё появляется одновременно
speed=2: каждый элемент появляется через 0,3 секунды после предыдущего (не рекомендуется к использованию)
speed=3: каждый элемент появляется через 0,15 секунд после предыдущего (не рекомендуется к использованию)
Подводные камни
Анимация появления будет применяться только к дочерним элементам #page-content. Она не применяется к вложенным элементам (например, к тексту в цитатах или содержимому блоков div) или другим частям страницы (таким как сайдбар).
(Вы можете использовать это в своих целях, если на странице используются другие анимации, которые могут создать конфликт (например, анимация ACS), просто обернув проблемный элемент в блок div).
Для смягчения негативного опыта читателей, анимация появления применяется только к первым 15 элементам на странице. Всё остальное появляется одновременно.
Отключение в других темах
Некоторые визуальные темы включают данный компонент по умолчанию (например, Тема BLANKSTYLE CSS, Тема Flopstyle: LITE и Тема Foxtrot). Если вы хотите использовать эти темы без компонента Fade In, вы можете отключить его следующим образом:
[[module CSS]]
:root {
--fade-in: none;
}
[[/module]]