Web5X - Готовые сайты

Блог о создании сайта, конструкторе сайтов и Elementor

Анимация появления блоков на сайте

Анимация на сайте позволяет сделать сайт более динамичным. С помощью конструктора сайта Elementor, сделать такую анимацию достаточно просто.

Функция «анимации появления» позволяет анимировать виджеты, секции и столбцы. Таким образом, когда ваш посетитель сайта прокручивает страницу вниз, элементы появляются с анимацией. Вы можете выбрать из 40 различных анимацией, такие как:

  • Fading (появление): Fade in, fade in up, down, left, right
  • Zooming (увеличение): Zoom in, zoom in up, down, left, right,
  • Bouncing (прыжки): Bounce in, bounce in up, down, left, right
  • Sliding (скольжение): Slide in up, down, left, right
  • Rotating (переворот): Rotate in, rotate in down left, down right, up left, up right
  • Attention seekers (привлечение внимания): Bounce, flash, pulse, rubber band, shake, head shake, swing, tada, wobble, jello
  • Light speed in (ускоренное появление)
  • Roll in (появление развертыванием)

Все виды анимации не стоит описывать так как у них говорящие названия, т.е
up, down, left, right это вверх, вниз, лево, право.

Но посмотрите на анимацию привлечения внимания на следующем примере, который показывает все типы анимации Attention seekers

Как добавить анимацию ?

Для того чтобы добавить анимацию виджету, колонки или секции на сайт, вам необходимо перейти в свойства элемента и на вкладке «Расширенные» перейти в свойства анимации «Анимация при появлении». Далее просто выбрать нужную анимацию.

Каждый раз когда мы выбираем анимацию, конструктор сайта сразу показывает демонстрацию на элементе, поэтому выбрать необходимую анимацию не составит труда.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *