Web5X Блог

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

Web5X Блог

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

Поиск по блогу

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

Обновлено: 31.05.2018
2 комментариев

Анимация на сайте позволяет сделать сайт более динамичным. С помощью конструктора сайта 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

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

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

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

Остались вопросы?
Листай ниже или клик по ссылке выше. Там можно задать вопрос или почитать комментарии других.
Написать комментарий

2 комментариев

  • Смотрите, я ставлю на каждый раздел эффект движения (анимация при появлении: Fade in up ), анимация происходит в самом редакторе, но не показывается, когда захожу в режим инкогнито и получается, что анимация не появляется на любом из блоков, а так же на телефоне, планшете, подскажите пожалуйста с чем это может быть связано?

    Надеюсь вы поняли мой вопрос, буду рад услышать любой ответ

    • A

      Возможно просто не обновили кеш браузера. Все скрипты кешируются в браузере.

Оставьте свой комментарий