Animated Blocks

Добавляйте анимацию на основе прокрутки в блоки WordPress (Gutenberg). Посмотрите, как это работает: видео-демонстрация Возможности Выберите из 76 кроссбраузерных CSS3-анимаций или добавьте свои собственные анимации для предварительного просмотра в редакторе. Отрегулируйте задержку анимации, порог прокрутки и видимость блоков. На основе настроек компонента InnerBlocks Гутенберга. Задержка: сколько миллисекунд ждать перед анимацией элемента. Порог: добавить анимацию, когда x% элемента выходит на экран. Сначала скрыть: установите для элемента непрозрачность 0 при загрузке страницы. Опция работает для элементов, переходящих на 100% непрозрачность через CSS. Имя класса «ab-end» автоматически добавляется к элементам после завершения CSS-анимации. Это можно использовать для дополнительной настройки. Требования: рекомендуется PHP 5.6+, WordPress 5.0+ и Gutenberg должны быть активны. Документация Выберите «Анимированный блок» из группы «Элементы макета» и добавьте в него любые блоки содержимого. Выберите анимацию из раскрывающегося списка или добавьте свой собственный класс CSS. Выбранная анимация или настраиваемый класс CSS будут добавлены в блок, когда пользователь прокручивает его. Анимированный блок - это родительский блок (контейнер), в который вложено столько блоков, сколько вы хотите.

Автор: Virgiliu Diaconu

Версия: 1.0.6

Последнее обновление: 2021-06-16 11:13am GMT