Loading...
Nolim Academy
Расширение
Онлайн-чат
Академия
Расширение
Техподдержка
Расширение
Онлайн-чат
Nolim Academy
Модификации
Профиль
Подписка
Партнерская программа

Как сделать 3d-эффект для изображения при наведении в Tilda?

Модификация может сделать 3d-эффект для нескольких изображений и настроить угол поворота, наклона и скорость вращения изображения
Время настройки: 2 минуты
Генератор кода
Видео инструкция
Инструкция
1. Если вам нужно использовать несколько изображений на одной странице, пропишите уникальный класс для каждого изображения; ВАЖНО: В классах первый символ должен быть буква. Если укажите первой цифру, код не будет работать.

2. Вставляем галерею GL12 и загружаем в неё изображение, копируем ссылку и вставляем в генератор. Формат файла советуем использовать svg или png;

3. Настройте параметры эффекта (наклон, скорость, угол поворота);

4. Отключите эффект на экранах меньше 1200px. Настройте скругление углов;

5. По желанию, можете добавить второе изображение в центр картинки. Обязательно используйте png с прозрачным фоном;

6. Копируем код и вставляем у себя на сайте в зеро блок в элемент html. Размеры картинки будут соответствовать размеру html элемента;

ВАЖНО: На мобильных устройствах не работает эффект плавного поворота изображения!
Class элемента
Ссылка на фоновую картинку
Наклон, чем ниже значение тем сильнее и больше наклон (perspective)
Угол поворота, градусы (max)
Cкорость вращения карточки (speed)
Отключить эффект на экранах до 1200рх
Cкругление углов (без рх)
Ссылка для 3D
Открывать ссылку в новом окне?
Ссылка на картинку в центре
Alt аттрибут
Код доступен только тем, кто оплатил подписку
Подписка стоит 400р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda