Как добиться такого результата?

Возможно ли реализовать такое с помощью css и js?
Что бы в круге не было затемнения.

Структура будет примерно такая:
Идет фон (карта)
Потом слой наложения(затемнение)
И потом блок, он должен просвечивать слой наложения-затемнения.

ced87f7f9dfd4ea79771e548694715ac.jpg
  • Вопрос задан
  • 1621 просмотр
Решения вопроса 1
@lemme
Frontend
.circle {
  border-radius: 50%;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .5);
}

https://jsfiddle.net/b800vkap/

Единственный минус, родитель будет прокликиваться.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Комментировать
@FBI_Agent
Посмотри здесь
Ответ написан
Комментировать
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
элементарно, border-radius, памятка https://habrahabr.ru/post/126207/
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
22 нояб. 2024, в 12:20
10000 руб./за проект
22 нояб. 2024, в 11:53
3000 руб./за проект
22 нояб. 2024, в 11:51
20000 руб./за проект