Справочник встроенных эффектов Bauman
1. Появление контента при скролле (has-animation)
Класс has-animation заставляет блок плавно проявляться снизу вверх при докрутке страницы. Атрибут data-delay задает задержку в миллисекундах.
Задержка 0мс
data-delay="0"
Задержка 200мс
data-delay="200"
Задержка 400мс
data-delay="400"
2. Анимация текста и заголовков
Текст с эффектом маски (has-mask)
Класс has-mask режет текст по нижней границе и плавно «выталкивает» его наверх при появлении на экране.
Заголовок с линией (title-has-line)
Класс title-has-line добавляет фирменную тонкую горизонтальную линию под заголовком, подчеркивающую минимализм темы.
3. Интерактивный параллакс курсора мыши (Parallax Hover)
Трехслойная структура темы Bauman. При наведении мыши внутренний элемент начинает мягко «магнититься» к курсору, создавая интерактивный объем.
* Класс hide-ball на обертке временно прячет фирменный круглый курсор темы Bauman, когда вы наводите мышь на этот элемент.
4. Фирменный видеоплеер (video-wrapper)
Если вам нужно встроить видео, используйте структуру плеера Bauman. Она автоматически подхватывает кастомные элементы управления звуком и полноэкранным режимом темы.
* Класс video-wrapper задействует встроенный плеер темы, который плавно скрывает стандартный интерфейс браузера при воспроизведении.