カーソルをボックスの枠線の近くに移動すると影が震えます

Question

最初にfinal effectを見てください。それは説明するのが難しいです。完璧だと思われますが、少し問題があります。

カーソルが非常に小さなステップで四角の左の枠線の近くに移動すると、白い影も多く震えます。

どうすれば修正できますか？

Answer 1

divにoverflow: hiddenを追加する必要があります。

#shadow divがその親からhoverable面積を拡大し、左に溢れています。

#container{ 
    position: relative; 
    margin: 0 auto; 
    width: 200px; 
    height: 200px; 
    overflow: hidden; 
}