Question

边界半径需要半秒左右才能加载悬停，因此在校正修正的圆角形状之前会显示方形div。

代码在Firefox中正常运行，但在Safari或Chrome上无效。

这是链接。将鼠标悬停在3个圈子中的任何一个圈子上，即可查看Safari或Chrome中的错误。

为什么会有这种延迟？

谢谢！

Answer 1

您是否尝试过将隐藏div的边框半径设置为100％？

只需在Web检查器中使用您的代码，我将元素设置为具有边框半径，并解决了方形毛刺。试试这个：

.webcircle,
.mask {

  border-radius: 100%;

}

当悬停时触发放大效果时，圆圈会被轻微截断。如果你设置overflow：parent元素可见，它应该按照你想要的方式运行，并准备好完成细节。