-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
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.
Смотрите, как быстро установить модификацию
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
