No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM030 • ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ
Как сделать 3d-эффект для изображения при наведении в tilda?
Модификация может сделать 3d-эффект для нескольких изображений и настроить угол поворота, наклона и скорость вращения изображения.
Инструкция
1. Если вам нужно использовать несколько изображений на одной странице, пропишите уникальный класс для каждого изображения; ВАЖНО: В классах первый символ должен быть буква. Если укажите первой цифру, код не будет работать.
2. Вставляем галерею GL12 и загружаем в неё изображение, копируем ссылку и вставляем в генератор. Формат файла советуем использовать svg или png;
3. Настройте параметры эффекта (наклон, скорость, угол поворота);
4. Отключите эффект на экранах меньше 1200px. Настройте скругление углов;
5. Ссылка для 3D (при нажатии на элемент будет кликаться указанная в этом поле ссылка);
6. По желанию, можете добавить второе изображение в центр картинки. Обязательно используйте png с прозрачным фоном;
7. По желанию, можете добавить другие эффекты;
8. Копируем код и вставляем у себя на сайте в зеро блок в элемент html. Размеры картинки будут соответствовать размеру html элемента;
ВАЖНО: На мобильных устройствах не работает эффект плавного поворота изображения!
2. Вставляем галерею GL12 и загружаем в неё изображение, копируем ссылку и вставляем в генератор. Формат файла советуем использовать svg или png;
3. Настройте параметры эффекта (наклон, скорость, угол поворота);
4. Отключите эффект на экранах меньше 1200px. Настройте скругление углов;
5. Ссылка для 3D (при нажатии на элемент будет кликаться указанная в этом поле ссылка);
6. По желанию, можете добавить второе изображение в центр картинки. Обязательно используйте png с прозрачным фоном;
7. По желанию, можете добавить другие эффекты;
8. Копируем код и вставляем у себя на сайте в зеро блок в элемент html. Размеры картинки будут соответствовать размеру html элемента;
ВАЖНО: На мобильных устройствах не работает эффект плавного поворота изображения!
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1