Почему изменение высоты влияет на эффект boxShadow ⇐ CSS

[Anonymous]

Вот как это выглядит, изменение высоты элемента приводит к изменению эффекта тени, совершенно неожиданно, пожалуйста, просветите меня, спасибо.

< div class="snippet-code">

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

function inputHandle(e) {
document.getElementById('shadow').style.height = `${e.target.value}px`;
}

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

#shadow {
width: 100px;
height: 1px;
background: #ccc;
box-shadow: 0 0 10px red;
margin: 60px;
}

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

height

Подробнее здесь: https://stackoverflow.com/questions/786 ... -boxshadow