将光标移到方框边界附近时，阴影会抖动

Question

首先，您必须查看最终效果；这很难描述。它看起来很完美，但有一个小问题。

当光标以很小的步伐靠近正方形的左边界时，白色阴影也会抖动很多。

我该怎么解决？

Answer 1

您应该在#containerdiv上添加overflow: hidden。

#shadowdiv向左溢出，从其父级扩展可悬停区域。

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