Двухэтапная вертикальная заливка
Двухэтапная вертикальная заливка для кнопок Zero Block: эффект наведения с настройкой цвета и длительности перехода.
Что делает модификация
Двухэтапная вертикальная заливка для кнопок Zero Block: эффект наведения с настройкой цвета и длительности перехода.
Требования
Проверьте классы и ID на опубликованной странице. Не назначайте этим же элементам конфликтующую анимацию. Если меняете имя класса в кабинете, укажите такое же имя в Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс кнопки | Выберите значение в интерфейсе личного кабинета. |
| Цвет эффекта | Выберите значение в интерфейсе личного кабинета. |
| Переход, ms | Параметр 50–2000 |
Пошаговая установка
- Подготовьте кнопкуДобавьте кнопку в Zero Block и через Add CSS Class Name задайте имя из кабинета.
- Установите кодВ личном кабинете задайте параметры и сгенерируйте код. Вставьте полный результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
- Проверьте наведениеПроверьте кнопку мышью и клавиатурой. Для эффекта увеличения оставьте вокруг неё свободное место.
Проверьте классы и ID на опубликованной странице. Не назначайте этим же элементам конфликтующую анимацию. Если меняете имя класса в кабинете, укажите такое же имя в Tilda.
Частые вопросы
Где настроить модификацию?
После покупки откройте её в личном кабинете, задайте параметры и нажмите «Сгенерировать код».
Нужно ли править код вручную?
Параметры задаются в кабинете. Составные фрагменты вставьте в места, указанные в инструкции.
Пример использует мои блоки?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные элементы Tilda.