CSS过渡删除border-radius属性

Question

我正在创建一个CSS转换，在父状态悬停时缩放内部元素。

但是，父级具有border-radius属性，不会强制实际的悬停本身。当用户悬停元素时，没有显示border-radius。

我发现这与溢出有关，我试图让父母z-index高于孩子，但没有运气。

我的小提琴： https://jsfiddle.net/muLhkx9m/1/

Answer 1

您的问题是过渡和背面可见性的已知错误。 更具体一点 - 规模转换通常需要一个以上的浏览器黑客＆＃34;正常运作 - 那就是

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);

我已将此添加到您的小提琴中，添加到.box元素并自行检查它是如何工作的：）

Your Updated Fiddle