Как добиться такого результата?
.circle {
  border-radius: 50%;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .5);
}
https://jsfiddle.net/b800vkap/
Единственный минус, родитель будет прокликиваться.
элементарно, border-radius, памятка https://habrahabr.ru/post/126207/