Тень прямоугольника на круглом элементе создает тонкий зазор ⇐ Html

[Anonymous]

Когда я применяю box-shadow к круглому элементу, в позиции отступа остается небольшой зазор. Без border-radius этого не произойдет.
Вот код и результат:

Код: Выделить всё

div {
margin: 1rem;
width: 100px;
height: 100px;
background-color: black;
border-radius: 100%;
box-shadow: 0 0 0 10px black;
}

Код: Выделить всё

Есть ли способ устранить этот пробел, чтобы тень блока плавно смешивалась с содержимым?

Подробнее здесь: https://stackoverflow.com/questions/798 ... a-thin-gap