Javascript 转换中断父级溢出

我试图用css变换在一个圆内旋转一个长方体。圆的“溢出”属性设置为“隐藏”。但当旋转发生时，它会显示应该隐藏的溢出。这在chrome中发生

这就是问题的一个例子

---

有人能帮我解决这个问题吗？

这似乎是webkit中的一个bug

错误报告可在此处找到：

有关该缺陷的深入讨论可在以下位置找到：

---

不能隐藏边界半径为

的元素。元素仍然呈现方形空间。我在讨论bug时给出的链接中有人似乎有解决方法。在讨论的最后一篇文章中，他们为它提供了一个JSFIDLE。但是，我无法让它为您的代码笔工作。谢谢，我已经尝试过了，但运气不好，在这种情况下它无法工作。您可能可以通过图像和绝对定位来完成类似的任务。