Каталог
Анимация между блоков
Пошаговая инструкция с подключением кода
Классы используемые в видео
immersion-inside — класс для видео;
immersion-wrapper — Шейп-контейнер под видео;
immersion-wrapper — Шейп-контейнер под видео;
Код из видео
В конце страницы или футере добавляем код, через блок T123
CSS / JS
<!--Погружение между блоков
https://mt-webdesign.ru/immersion-->
<script>
$('.immersion-inside').appendTo('.immersion-wrapper .tn-atom');
</script>
<style>
.uc-immersion {
z-index: 20 !important;
position: relative;
}
.immersion-wrapper {
border-radius: 20px;
overflow: hidden !important;
}
.immersion-inside {
zoom: 1 !important;
top: 50% !important;
position: absolute;
left: 50% !important;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 480px) {
.immersion-wrapper {
border-radius: 10px !important;
}
}
</style>
Более подробные настройки, возможности взаимодействия и подключение в видео
Другие модификации
Инструкция с копированием шаблона к себе
Создаём новую страницу на сайте
Шаг 1
Скроллим в самый низ и нажимаем кнопку «Указать ID шаблона»
Шаг 2
В графе указываем номер шаблона (ID Шаблона), нажимаем кнопку «Выбрать»
Шаг 3
