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

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

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

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

https://jsfiddle.net/b800vkap/

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

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

Войти через центр авторизации
Похожие вопросы