Виджет “Ховер” позволяет показывать информацию по наведению курсора на виджет.
 Пример: http://8ek24zag.plp7.ru/

Как установить?

Шаг 1. Перетащим виджет из верхней части редактора на секцию.
 


 При наведении на виджет, будет появляться информация, которая установлена по умолчанию. Её можно заменить, отредактировать или удалить.
 


 Шаг 2. В качестве примера отредактируем текст, который был установлен по умолчанию и добавим картинку.
 


 Виджет установлен и информация отредактирована, осталось только настроить его отображение.

Настройки виджета “Ховер”

Вкладка “Длительность”

В данной вкладке мы можем задать “Длительность анимации”. Чем больше значение, тем больше времени будет видна информация внутри виджета по наведению курсора.
 1000 мс = 1 секунда.
 

Вкладка “Внешний вид”

Цвет фона

Меняет цвет фона по наведению курсора на виджет.
 

Непрозрачность

Задает нужный процент непрозрачности фона.
 

Внутренние отступы

Задает отступы внутри виджета.
 

Анимация

Плавное появление: информация, размещенная в виджете, будет плавно появляться по наведению курсора.
 


 Наплыв снизу: информация, размещенная в виджете, будет плавно появляться снизу виджета по наведению курсора.
 

Исходный код

В этом разделе можно найти исходный код виджета и его настройки.

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