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