No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM208 • ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА
Как сделать эффект градиентной сферы следующей за курсором в Зеро блоке на Тильде
Эта модификация добавляет к курсору на фоне блока градиентную сферу, создавая эффект плавного передвижения. Сфера адаптируется к движению курсора и придает интерактивность дизайну вашего сайта.
Инструкция
Шаг 1.
Создай Зеро блок и наполни его контентом.
Шаг 2.
Заполни поля в генераторе.
id зеро блока
- Укажи ID Зеро блока в который вставишь готовый код модификации на последнем шаге.
Размер (%)
- Укажи размер сферы в процентах от высоты блока. Например, 60%.
Скорость передвижения
- Установи скорость перемещения сферы в миллисекундах. Чем больше значение, тем медленнее будет двигаться сфера. Например, 1500.
Непрозрачность
- Выбери значение от 0% до 100%, обозначающее уровень непрозрачности сферы.
Цвет
- Укажи цвета градиента. Можно добавить несколько цветов для создания градиентного эффекта. Пример: #0dd3ff, #0389ff, #1c79c0.
Шаг 3.
Когда всё готово — копируешь HTML-код и вставляешь его в Зеро блок в HTML-элемент.
Шаг 1.
Создай Зеро блок и наполни его контентом.
Шаг 2.
Заполни поля в генераторе.
id зеро блока
- Укажи ID Зеро блока в который вставишь готовый код модификации на последнем шаге.
Размер (%)
- Укажи размер сферы в процентах от высоты блока. Например, 60%.
Скорость передвижения
- Установи скорость перемещения сферы в миллисекундах. Чем больше значение, тем медленнее будет двигаться сфера. Например, 1500.
Непрозрачность
- Выбери значение от 0% до 100%, обозначающее уровень непрозрачности сферы.
Цвет
- Укажи цвета градиента. Можно добавить несколько цветов для создания градиентного эффекта. Пример: #0dd3ff, #0389ff, #1c79c0.
Шаг 3.
Когда всё готово — копируешь HTML-код и вставляешь его в Зеро блок в HTML-элемент.
Смотрите, как быстро установить модификацию
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Курс по 3D-моделированию предназначен для всех, кто хочет освоить создание трехмерных объектов и сцен для различных целей, таких как видеоигры, анимация, визуальные эффекты, промышленный дизайн и архитектура.
Курс по 3D