Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Здесь https://tympanus.net/codrops/2020/07/01/creating-a-menu-image-animation-on-hover/ описана реализация с помощью JS эффекта отображения имиджа при наведении на элемент списка. Необходимо реализовать эффект средствами виджетов Elementor и Custom CSS/JS.

Требования:

1. Каждый элемент списка должен находиться в отдельной колонке и представлять собой комбинацию виджетов:

- "Заголовок" - для компонента "Основной текст/наименование"

- "Заголовок" - для компонента "Вспомогательный текст"

- "Изображение" или "Интервал" - для компонента "Фоновое изображение"

Шаблон секции с элементом списка: https://drive.google.com/file/d/186uKG26CbgB5EtczUGdUwp7LQfytZ0Jg/view?usp=sharing

2. Взаимное расположение и оформление компонентов должно выполняться средствами Elementor с минимумом Custom CSS (размеры и расположение колонок и виджетов задается, в том числе, с помощью параметров плагина OoohBoi Steroids for Elementor.

3. Библиотеки GSAP и Locomotive используются также из плагина OoohBoi Steroids for Elementor (без дополнительных import statements).

Результат работы: json-файл шаблона страницы с реализованным списком. Должен работать в полном соответствии с исходным примером (за вычетом шрифтов).

2 года назад
alexschneiderru
Александр 
54 годаРоссия
12 лет в сервисе
Был
год назад