Анимация на сайте

Установлено: 100 - 499

Обновлено: 09.02.2023

Адаптирован под мобильные устройства

Совместим с редакциями Битрикс: «Старт» / «Стандарт» / «Малый бизнес» / «Бизнес»

Смотреть демо






Как установить бесплатное решение

После установки решение появится в панели компонентов визуального редактора во вкладке STARt.

Добавьте компонент в нужное место страницы и настройте его.

Как вставить компонент на страницу

Настройки компонента:
  • Что анимируем. Эффекты можно применить к тексту либо изображению.
  • Введите текст. Поле доступно, если выбрана анимация текста.
  • Укажите путь. Путь к изображению относительно корня сайта. Доступен, если выбрана анимация изображения.
  • Выбор анимации. Посмотреть примеры эффектов можно на странице онлайн-демо.
  • Продолжительность анимации (в секундах). Поле поддерживает дробные значения. Если поле пустое - продолжительность по умолчанию
  • Задержка перед запуском анимации (в секундах). Поле поддерживает дробные значения. Если поле пустое - задержки нет.
  • Расстояние до старта анимации (в пикселях). Включение анимации, когда элемент проходит определенное количество пикселей от края экрана.
  • Количество повторений. Если поле пустое - анимация срабатывает один раз.
  • CSS-стили. Стили задаются для блока с картинкой или текстом (не для самой картинки). Пример: color: red; text-align: center;