No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM207 • ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА
Как добавить эффект свечения курсора при наведении на шейп в Тильде?
Модификация создает эффект свечения на прозрачных элементах при наведении курсора. Она позволяет настраивать цвет, непрозрачность и размер свечения, что помогает адаптировать внешний вид под общий дизайн страницы.
Инструкция
Внимание! Модификация некорректно работает с автоскейлом
Шаг 1.
Добавляешь в Зеро блок прозрачный шейп нужного размера и присваеваешь ему класс. При необходимости можно добавить обводку.
Шаг 2.
Добавляешь остальные элементы, если это требуется, указываешь для них настройку "pointer:none".
Шаг 3.
Заполняешь поля в генераторе.
id зеро блока
- Введи ID Зеро блока, к которому будет применяться эффект.
Класс карточек
- Укажи CSS класс шейпов, для которых будет использоваться эффект. Этот класс должен быть применен к элементам, которые следует подсвечивать.
Цвет свечения
- Укажи цвет свечения в формате HEX. Например: #036cff для синего свечения.
Непрозрачность свечения
- Выбери значение от 0% до 100%, где 0% — полностью прозрачный, а 100% — полностью непрозрачный.
Размер свечения (px)
- Укажи размер свечения в пикселях. Например: 600 для создания эффекта большого остатка свечения вокруг элемента.
Шаг 4.
Когда всё готово — копируешь HTML-код и вставляешь его в блок Т123.
Внимание! Модификация некорректно работает с автоскейлом
Шаг 1.
Добавляешь в Зеро блок прозрачный шейп нужного размера и присваеваешь ему класс. При необходимости можно добавить обводку.
Шаг 2.
Добавляешь остальные элементы, если это требуется, указываешь для них настройку "pointer:none".
Шаг 3.
Заполняешь поля в генераторе.
id зеро блока
- Введи ID Зеро блока, к которому будет применяться эффект.
Класс карточек
- Укажи CSS класс шейпов, для которых будет использоваться эффект. Этот класс должен быть применен к элементам, которые следует подсвечивать.
Цвет свечения
- Укажи цвет свечения в формате HEX. Например: #036cff для синего свечения.
Непрозрачность свечения
- Выбери значение от 0% до 100%, где 0% — полностью прозрачный, а 100% — полностью непрозрачный.
Размер свечения (px)
- Укажи размер свечения в пикселях. Например: 600 для создания эффекта большого остатка свечения вокруг элемента.
Шаг 4.
Когда всё готово — копируешь HTML-код и вставляешь его в блок Т123.
+120 модификаций
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Базовая
550₽
/месяц
Для решения краткосрочных задач
30 дней
Плагин для Тильды
Поддержка без выходных
Закрытые эфиры
чтобы скопировать код, ОФОРМИТЕ ПОДПИСКУ или ВОЙДИТЕ в личный кабинет
Плагин для Тильды
Поддержка без выходных
+140 модификаций
Премиум
275₽
/месяц
Экономия 3300₽ в год
365 дней
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Закрытые эфиры
Все пользователи, оформившие Премиум-подписку, получают доступ к дополнительным разделам: «Интернет-магазин» и «Личный кабинет».
В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.
В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.
Все пользователи, оформившие Премиум-подписку, могут воспользоваться 25% скидкой на все курсы и гайды Академии Нолим.
Все пользователи, оформившие Премиум-подписку, могут посещать закрытые мероприятия, на которые мы приглашаем ведущих экспертов рынка.
На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.
На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Есть идеи по улучшению этой модификации или созданию новой?
Не забудь подписаться, чтобы быть в курсе последних обновлений.
