Html 悬停边界半径延迟

“边界半径”（Border radius）在悬停时加载大约需要半秒的时间，因此在将其修正为修正后的圆角形状之前，将显示square div

代码在Firefox中正常工作，但在Safari或Chrome上不工作

这是链接。将鼠标悬停在3个圆圈中的任意一个上，可以在Safari或Chrome中查看该bug

为什么会有这样的延误

---

谢谢

您是否尝试过在隐藏时将div的边界半径设置为100%

只是在web inspector中玩转您的代码，我将元素设置为具有边界半径，方形故障就解决了。试试这个：

.webcircle,
.mask {

  border-radius: 100%;

}

---

当鼠标悬停时触发放大效果时，圆圈会稍微被截断。如果您将overflow:设置为对父元素可见，则它应该按照您希望的方式运行，并准备好完成详细信息

请提供您正在尝试的代码片段。请创建某种类型的JSFIDLE。谢谢！这帮了大忙。