Виджет “Ховер”

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

Содержание:

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

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

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

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

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

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

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

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

1000329

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

Цвет фона

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

1000334 1000335 1000336

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

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

1000330

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

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

1000331

Анимация

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

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

1000333

Исходный код

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

Была ли эта статья полезна?

Похожие статьи