магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Неоновая обводка и голограмма карточек Tilda

Два световых эффекта: движущаяся рамка или переливы, следующие за курсором.
Подробнее о модеСвернуть описание

Что умеет мод

  • Показывает при наведении неоновую обводку с вращающимся градиентом.
  • Настраивает три цвета, толщину рамки, свечение и время оборота.
  • В режиме голограммы добавляет радужный блеск и наклон вслед за мышью.
  • Позволяет выбрать карточки из разных блоков и ограничить работу десктопом.

Как подключить

Неон или голограммаРеакция на курсорКод в T123
  1. Выберите карточки

    В «Где применять» ограничьте нужные блоки, затем добавьте карточки в список. Проверьте, что селекторы не охватывают другие элементы страницы.

  2. Настройте свет

    Для неона подберите три цвета, толщину, свечение и скорость оборота. Для голограммы задайте яркость, наклон и сдвиг оттенка. Это два отдельных режима.

  3. Проверьте читаемость

    Подберите длительность появления и исчезновения. Проверьте светлый и тёмный фон, фотографии и текст. При необходимости включите режим работы только с мышью.

  4. Проверьте на сайте

    Вставьте код в T123 после блоков и опубликуйте страницу. Проверьте наведение, уход курсора, кликабельность карточек и отсутствие обрезанного свечения у краёв блока.

Что учитывать. Свечение и переливы дополняют исходное оформление, поэтому проверяйте их на реальном фоне и содержимом карточки. Выбирайте один эффект этого семейства для одной карточки. Для другого вида реакции замените прежние настройки, а не накладывайте второй мод поверх.

Вопросы и ограничения

Неоновая рамка видна постоянно?

В этом режиме рамка проявляется и вращается при наведении. После ухода курсора она скрывается, а вращение останавливается.

Голограмма реагирует на движение мыши?

Да. Положение курсора влияет на переливы, оттенок и наклон карточки. Силу эффекта можно настроить.

Можно убрать сильный наклон, оставив блеск?

Уменьшите параметр наклона в режиме голограммы и подберите яркость. Проверьте результат в превью и на реальной карточке.

Почему на телефоне нет свечения?

Если включён режим «Только на десктопе (мышь)», устройства без наведения сохраняют обычный вид карточек. Не используйте свечение как единственный признак важного действия.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Другие эффекты для карточек

Made on
Tilda