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

Как сделать эффект рентгена в Tilda?

Модификация может подставить вторую картинку под основное изображение тем самым сделав эффект рентгена
Время настройки: 2 минуты
Генератор кода
Видео инструкция
Инструкция
1. Если вам нужно использовать несколько изображений с этим эффектом на одной странице, пропишите уникальный класс для каждого изображения;

2. Добавляем своё изображение (не шейп) в Зеро Блок и указываем класс к нему такой же как и в генераторе;

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

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

4. Настройте параметры эффекта (размер круга, размер и цвет бордера, отключение отображения на экранах до 1200px);

5. Копируем сгенерированный HTML код и вставляем его в блок Т123;
Class блок с фото
Ссылка на 2 фото
Отображения эффекта на экранах
Размер круга рентгена (без рх)
Цвет border
Толщина border (без рх)
Код доступен только тем, кто оплатил подписку
Подписка стоит 400р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda