Hover эффект на сетке

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
Masimka93
Втянувшийся
Втянувшийся
Сообщения: 69
Зарегистрирован: 05 май 2017, 13:18
Версия Web Builder: 14.2.2
Имя: Макс

Hover эффект на сетке

Сообщение Masimka93 » 17 июл 2019, 13:05

Добрый день!
Подскажите, пожалуйста, есть ли возможность в веб билдере сделать hover эффекты на сетку?
Допустим, имеется сетка из трех ячеек, при наведении на каждую ячейку появляется свой эффект.

Реклама
Аватара пользователя

sinpai
Опытный
Опытный
Сообщения: 771
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 14.2.2
Имя: Иван
Контактная информация:

Hover эффект на сетке

Сообщение sinpai » 17 июл 2019, 14:28

Как решение, вставьте в ячейку необходимый элемент, а на него делайте эффект.
Сама по себе сетка это инструмент разметки и размещения объектов.
И грянет страшный русский ренессанс!

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1380
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Hover эффект на сетке

Сообщение Gudwinn » 17 июл 2019, 15:48

Masimka93, Вполне возможно вот код который в HEAD разместишь

Код: Выделить всё

<style>
#wb_LayoutGrid1 > #LayoutGrid1 > .row > .col-1 {
    transition: .4s;
}
#wb_LayoutGrid1 > #LayoutGrid1 > .row > .col-1:hover {
     background: black;
}
</style>
номера сеток и колонки свой только проставь, и всё, можно и картинку фоновую запихнуть, и что угодно
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

Автор Темы
Masimka93
Втянувшийся
Втянувшийся
Сообщения: 69
Зарегистрирован: 05 май 2017, 13:18
Версия Web Builder: 14.2.2
Имя: Макс

Hover эффект на сетке

Сообщение Masimka93 » 18 июл 2019, 11:09

Gudwinn, спасибо. как всегда выручаете)


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость