将光标移动到框边框时，阴影会颤抖

Question

首先你应该看看final effect;描述起来很困难。这似乎很完美，但有一点问题。

当光标以非常小的步幅靠近方形的左边框时，白色阴影也会颤抖很多。

我该如何解决？

Answer 1

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

#shadow div溢出到左侧，从其父级扩展 hoverable 区域。

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