Top.Mail.Ru
Loading...
-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Услуги
-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
NLM167 • ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ

Как сделать тень кнопки анимированным градиентом на тильде?

Эта модификация добавляет уникальную градиентную тень для кнопки на вашем сайте, что придает ей эффект глубины и динамичности. В генераторе предусмотрены простые настройки: управление цветами градиента, уровнем смещения тени, масштабом и скоростью анимации. Вы можете легко адаптировать код под свои нужды
Курс по 3D
Курс по 3D-моделированию предназначен для всех, кто хочет освоить создание трехмерных объектов и сцен для различных целей, таких как видеоигры, анимация, визуальные эффекты, промышленный дизайн и архитектура.
Зарегистрироваться!
Инструкция

Для того чтобы настроить модификацию заполни следующие поля в генераторе:
  • «Введите класс кнопки» – укажите класс кнопки, к которой будет применён эффект.
  • «Цвет начала и конца градиента» – выберите цвета для градиента тени кнопки.
  • «Введите значение translateY» – настройка смещения тени.
  • «Введите значение scale» – настройка размера тени. Например, значение scale(.85) означает, что элемент будет уменьшен до 85% от своего оригинального размера.
  • «Настройка blur(px)» – отвечает за размытие тени.
  • «Направление движения анимации» – выберите направление, в котором будет двигаться анимация.
2. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Амбассадор Нолим – Алина Спица подготовила бесплатный шаблон и видеоинструкцию по настройке данной модификации.