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

[Anonymous]

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






Document

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


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



height






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