Задать вопрос
@truesup

Как сверстать блок с прорезями, в которых видно видео, которое играет на заднем плане?

Мне необходимо сверстать блок как на картинке.
Видно, что присутствует текст, также как бы вырезанные блоки, в которых видно видео (видео играет не отдельно в каждом блоке, а синхронно во всех, то есть если так посмотреть, то можно увидеть, как линии движутся в одном потоке).
Уже два дня ломаю голову, как это можно сверстать вообще. Пробовал сделать с помощью масок, с помощью clip-path, с помощью svg, но никак вообще.
Возможно не хватает опыта. Был бы очень признателен за помощь!
На фото дизайн (если можно так назвать) блока
67960de9a29a9280781322.png
67960e7b7fe20267399544.png
67960e8d4cb22143869490.png
67960e9b7e32f053968061.png
Его нужно еще сделать адаптивным, по возможности, но мне хватит и просто объяснения :)
  • Вопрос задан
  • 1583 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Решения вопроса 1
LenovoId
@LenovoId
svg, css,js
Это если SVG надо.
При желании можно сделать бегущую строку под этой картинкой или под видео...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы