Новая модификация «Видео в блоке ТЕ100 с анимацией активной карточки»
Коротко о модификации:
Это решение добавляет видео в карточки стандартного блока ТЕ100. При этом по наведению на карточку он с плавной анимацией увеличивается.
На странице модификации есть 3 решения: 1. На десктопе – видео проигрывается при наведении на карточку, на мобилке – при тапе 2. На десктопе – аналогично 1 варианту, на мобилке – автоматически 3. И там и там видео проигрываются автоматически
Ну а лучше всего увидеть своими глазами и применить на своём проекте по кнопке ниже
Добавляем в zero-блоке шейпы или изображения, которые у нас будут вариантами ответа, сколько вариантов, столько и шейпов
Задаем классы этим шейпам. Верный ответ — класс dragtrue, неверный — dragfalse
Создаем область, куда будем перетаскивать наши варианты ответа, это также может быть шейп или изображения, задаем ей класс drag-container
Попапу, который должен появится при перемещении правильного ответа в область задаем класс uc-popuppromocode
Также в моём примере появляется верный вариант ответа, это отдельный шейп, у которого класс true-answer, и кнопка при нажатии на которую открывается повторно попап с промокодом, у которой класс promocode
В коде прописаны дополнительные комментарии, по которым вам будет проще ориентироваться, также есть дополнительная таблица, с помощью которой можете немного расширить функционал кода