Как сделать эффект маски с видеофоном
Создать маску можно в фигме.
В примере на видео мы создаем 3 объекта: первый – обычный салатовый шейп, второй и третий объекты – текст и прямоугольник поверх салатного шейпа.
Объединяем их с помощью «Substract selection». Экспортируем.
В зеро-блоке добавляем видео нужным нам способом и выставляем позиционирование по window-контейнеру, поставив его в процентах 100-110% по x и у. Также ставим 100% и нашему контейнеру.
Загружаем маску в шейп, выставляем позиционирование по window-контейнеру, поставив его в процентах. Центрируем, опубликовываем, радуемся.
Чтобы еще больше ускорить и облегчить процесс, в ANNEXX есть блок ANX817. Буквально в пару кликов вы можете создать маску любого вида и формы, настроить адаптив, настроить анимацию (например, можно увеличивать маску при наведении или воспроизводить видео).
В том числе эта штука работает с Конструктором видео (ANX011) — Видеоинструкция
