Как увеличить карточку при наведении в Tilda
Один эффект для нескольких блоков: масштаб, длительность и плавность движения.Подробнее о модеСвернуть описание
Как увеличить карточку при наведении в Tilda
Один эффект для нескольких блоков: масштаб, длительность и плавность движения.Что умеет мод
- Плавно увеличивает выбранную карточку при наведении курсора.
- Применяет одни параметры к нескольким выбранным типам карточек.
- Позволяет указать CSS-селекторы вручную, по одному в строке.
- Включает эффект на экранах шириной от 1200 px.
Как подключить
Соберите список карточек
Выберите блок и добавьте его карточку в список. Повторите для остальных блоков. Исходный .js-product выбирает карточки товаров на странице; сузьте селектор, если эффект нужен только одному каталогу.
Задайте масштаб
Укажите коэффициент увеличения. Например, 1.05 означает 105% исходного размера. Начните с небольшого изменения и проверьте расстояния до соседних карточек.
Подберите движение
Настройте длительность в секундах и плавность. Наведите курсор на превью и уберите его: переход должен быть удобен и при быстром перемещении между карточками.
Проверьте публикацию
Добавьте код в T123 после выбранных блоков. Проверьте экран от 1200 px, края ряда и работу ссылок. На телефоне убедитесь, что исходная сетка остаётся удобной.
Что учитывать. Визуальное увеличение не резервирует дополнительное место в сетке. При большом масштабе карточки могут перекрываться. Если родитель обрезает содержимое, увеличение может упереться в его края. Проверьте настройки блока и не накладывайте другой эффект transform на те же карточки.
Вопросы и ограничения
Можно применить эффект к нескольким блокам?
Да. Добавьте их карточки в общий список или впишите несколько селекторов. Параметры увеличения будут общими.
Почему на узком экране ничего не увеличивается?
Эффект ограничен шириной от 1200 px. Это условие уже включено в сгенерированный код.
Увеличивается фото или вся карточка?
Выбранный элемент целиком. Если требуется менять только фотографию внутри карточки, используйте мод «Фокус на фото».
Соседние карточки раздвинутся?
Нет. Меняется визуальный масштаб, а место в исходной сетке остаётся прежним. Подберите увеличение с учётом промежутков.
Доступ к конструктору
Это бесплатная модификация. Войдите в аккаунт, чтобы настроить её и получить код.
