Радужное свечение кнопки
Добавляет движущееся радужное свечение при наведении на кнопку.
Что делает модификация
Добавляет движущееся радужное свечение при наведении на кнопку.
Требования
Проверьте классы и ID на опубликованной странице. Не назначайте этим же элементам конфликтующую анимацию. Если меняете имя класса в кабинете, укажите такое же имя в Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс кнопки | Выберите значение в интерфейсе личного кабинета. |
| Фон кнопки | Выберите значение в интерфейсе личного кабинета. |
| Скругление, px | Параметр 0–100 |
| Цикл свечения, s | Параметр 1–60 |
Пошаговая установка
- Подготовьте кнопкуВ Zero Block добавьте кнопку. Через Add CSS Class Name задайте glow-on-hover.
- Установите кодВ личном кабинете задайте параметры и сгенерируйте код. Вставьте полный результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
- Проверьте наведениеЭффект работает с мышью на ширине от 980 px. Ссылку и текст кнопки задайте штатно в Tilda.
Проверьте классы и ID на опубликованной странице. Не назначайте этим же элементам конфликтующую анимацию. Если меняете имя класса в кабинете, укажите такое же имя в Tilda.
Частые вопросы
Где настроить модификацию?
После покупки откройте её в личном кабинете, задайте параметры и нажмите «Сгенерировать код».
Нужно ли править код вручную?
Параметры задаются в кабинете. Составные фрагменты вставьте в места, указанные в инструкции.
Пример использует мои блоки?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные элементы Tilda.