КНОПКИ / АНИМАЦИЯ / TILDA
Градиент кнопки при прокрутке
Меняет оттенки градиента кнопки в зависимости от положения прокрутки.
Живой пример
Что делает модификация
Меняет оттенки градиента кнопки в зависимости от положения прокрутки.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс кнопки | Выберите значение в интерфейсе личного кабинета. |
| Скругление, px | Параметр 0–100 |
| Пикселей на градус оттенка | Параметр 1–100 |
| Сдвиг второго цвета, px | Параметр 0–2000 |
Пошаговая установка
- Создайте кнопкуДобавьте кнопку Zero Block и задайте класс gradient-button. Удалите фоновую заливку кнопки в Zero Block, чтобы она не перекрывала градиент.
- Настройте градиентПиксели на градус задают скорость изменения оттенка. Второй цвет берётся со сдвигом положения прокрутки.
- Проверьте прокруткуПрокрутите опубликованную страницу. Ссылка кнопки и её текст сохраняются.
- Получите готовый кодВ личном кабинете выберите параметры, нажмите «Сгенерировать код» и вставьте результат в T123 после подготовленных блоков. Опубликуйте страницу и проверьте на компьютере и телефоне.
Важно
Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете. Выберите параметры и сгенерируйте готовый код без ручного редактирования.
Почему эффект не виден в редакторе?
Скрипт выполняется на опубликованной странице. Проверьте классы, тип блока и положение кода.
Пример отправляет данные?
Нет. Живой пример показывает интерфейс и механику. На вашем сайте используются подготовленные элементы Tilda.