Содержание:
1.Как сделать "плывущий" фон?
2.Делаем тень кнопки при наведении
3.Добавляем реакцию виджетам на движение мышкой

Все настройки реализуются с помощью специальных "HTML-виджетов".
Пример работы: http://iepxsmem.plp7.ru/

1.Как сделать "плывущий" фон?

Шаг1. Переносим в любое место на странице виджет "Текст"

Шаг 2. В окно импорта виджета вставьте весь код из этого файла (тройной клик поможет выделить весь код сразу), импортируем в наш виджет "Текст"  и сохраняем на странице.

Видим такой виджет: 

Важно! Все настройки фона выполнены для изображений формата 1920 на 1080. Для корректной работы используйте изображение именно с таким разрешением.

Шаг 3. Далее переходим в настройки секции(для которой настраиваем фон) и задаём класс:

fon

И загружаем изображение формата 1920 на 1080:

Шаг 4. Дальше - переходим в настройки виджета и задаём значения для анимации:

После - публикуем страницу и проверяем результат на опубликованной версии:

2.Делаем тень кнопки при наведении

Шаг1. Переносим в любое место на странице виджет "Текст"

Шаг 2. В окно импорта виджета вставьте весь код из этого файла (тройной клик поможет выделить весь код сразу), импортируем в наш виджет "Текст"  и сохраняем на странице.

Видим такой виджет:

Шаг 4. Настраиваем кнопку, которая уже есть в скопированном виджете или же переносим внутрь "HTML-виджета" свою кнопку и выполняем настройки:

HTML-виджет с кнопкой внутри можно дублировать и устанавливать в разных частях страницы:

3.Добавляем реакцию виджетам на движение мышкой

Шаг1. Переходим в настройки страницы - раздел "Метрика и скрипты" - "Добавить Плагин" - Произвольный код BODY и добавляем данный код.
Сохраняем изменения.

<script>
// parallax
$(function () {
   $(document).on('mousemove', function (e) {
       $('.parallax').css({
           left: -e.pageX / 22.5 + 30,
           top: -e.pageY / 100 + 30
       });
   });
});
</script>

Шаг2. Далее - переходим в редактор нашей страницы. 

Для всех виджетов, которые должны реагировать на движение мыши, указываем класс:

parallax

И публикуем страницу ✔

Тестируем работу на опубликованной версии страницы 😊 Готово!

Вы нашли ответ?