Loading...
О НАС
КЛИЕНТАМ
ПАРТНЁРАМ
СЛЕДИТЕ ЗА НАМИ
ОТВЕТИМ НА ВОПРОСЫ
В ЧАТ-БОТЕ:
Новогодние скидки до
70%
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерская программа
Блог
Шаблоны
Вакансии
NLM098 ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА

как сделать увеличение картинки в тильде?

Модификация поможет настроить эффект увеличения изображения в Зеро блоке при наведении, выбрать желаемый тип анимации, изменить размер, скорость, угол поворота и z-index при наведении.
1. Прежде чем приступить к настройке данной модификации необходимо загрузить желаемое изображение в Зеро-блок через элемент image или shape. И указываешь ему тот же class, что и в генераторе (например, imagerotation). Класс нужно прописать для каждого элемента, к которому будет применяться увеличение.

Что бы указать class у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Name», далее, справа в настройках указываешь class.

2. В генераторе заполняешь поля:
  • «Класс» — указываешь класс элемента, к которым будет применяться эффект увеличения (например, imagerotation);
  • «Увеличение контейнера (%)» — указываешь необходимый размер увеличения контейнера;
  • «Увеличение изображения (%)» — указываешь необходимый размер увеличения изображения;
  • «Скорость (ms)» — скорость анимации;
  • «Угол поворота при наведении на изображения» — это поле настраивает поворот внутри контейнера;
  • «Угол поворота при наведении на контейнер» — это поле настраивает поворот всего контейнера;
  • «Изменить z-index при наведении» — это поле необходимо заполнять в случае, если в блоке находится несколько элементов, которые наслаиваются друг на друга (или будут наслаиваться в случае проигрывания анимации). Чем выше этот параметр тем выше будет находиться элемент по отношению к другим элементам внутри Зеро блока, во время применения эффекта увеличения;
  • «Тип анимации» — выбери понравившеюся анимацию из предложенного списка.
Дополнительно, можешь
  • «Включить границы (overflow)»;
  • «Отключить эффект на экранах меньше 1200px»;

3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Имей в виду:

  • Если настраиваешь дополнительно увеличение через sbs анимацию, увеличение не подействует и будет оставаться в рамках границ изображения при включенной настройке «Включить границы (overflow)»
+120 модификаций
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Базовая
550₽
/месяц
Для решения краткосрочных задач
30 дней
Плагин для Тильды
Поддержка без выходных
Закрытые эфиры
чтобы скопировать код, ОФОРМИТЕ ПОДПИСКУ или ВОЙДИТЕ в личный кабинет
Плагин для Тильды
Поддержка без выходных
+140 модификаций
Премиум
275₽
/месяц
Экономия 3300₽ в год
365 дней
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Закрытые эфиры
Все пользователи, оформившие Премиум-подписку, получают доступ к дополнительным разделам: «Интернет-магазин» и «Личный кабинет».

В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.
Все пользователи, оформившие Премиум-подписку, могут воспользоваться 25% скидкой на все курсы и гайды Академии Нолим.
Все пользователи, оформившие Премиум-подписку, могут посещать закрытые мероприятия, на которые мы приглашаем ведущих экспертов рынка.

На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, чтобы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям