在我的頁面上，我可以看到div容器的盒子。我只想在光標后面顯示一個陰影。我怎樣才能實現這一點？

CSS樣式:

#shadow {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 100px;
    left: 100px;
    box-shadow: 0 0 2rem var(--beton);
    background-color: var(--beton);
    pointer-events: none;
}

HTML:

<div id="shadow"></div>

JS:

const mouse_shadow = function(event) {
    document.querySelector("#shadow").style.top = event.pageY + `px`;
    document.querySelector("#shadow").style.left = event.pageX + `px`;
}

document.querySelector("body").addEventListener("mousemove", mouse_shadow)