@bogomazov_vadim

Как сделать слой с прозрачной «дыркой» внутри?

Доброго времени суток!

Подскажите плиз, как реализовать такой слой с "замочной скважиной", через которое видно фоновое видео? prntscr.com/9qbu7b
Насколько я понимаю, нужно использовать svg, можете скинуть пример такой реализации или примерный алгоритм решения задачи?

Спасибо!
5667122521be4edc9fe2268b7997f05a.png
  • Вопрос задан
  • 2024 просмотра
Решения вопроса 1
Комментировать
Пригласить эксперта
Ответы на вопрос 1
IonDen
@IonDen
JavaScript developer. IonDen.com
1. Открываем фотошоп
2. Создаем квадратную/прямоугольную белую картинку (размером с видео)
3. Вырезаем в ней дырку в центре нужной формы
4. Сохраняем как пнг с прозрачностью
5. В HTML вставляем div слоем выше видео.
6. Фоном для этого дива используем эту картинку
7. Profit!
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
22 нояб. 2024, в 22:26
3500 руб./за проект
22 нояб. 2024, в 21:47
3000 руб./за проект
22 нояб. 2024, в 21:44
50000 руб./за проект