將光標移動到靠近盒子邊界時的陰影抖動

Question

首先你應該看看final effect;這很難描述。這看起來很完美，但有一點問題。

當光標以非常小的步幅靠近方形的左邊界時，白色陰影也會震動很多。

我該如何解決這個問題？

Answer 1

您應該在＃容器 div上加overflow: hidden。

的#shadow格滿溢到左邊，擴大從其父hoverable區域。

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