我正在创建一个CSS转换,在父状态为悬停时缩放内部元素。
但是父对象有一个border-radius
属性,它不会在实际悬停时被强制执行。当用户悬停元素时,没有显示边框半径。
我想这和溢出有关,我试着让父母比孩子高一点,但没有运气。
我的小提琴:
https://jsfiddle.net/muLhkx9m/1/
最佳答案
你的问题是一个已知的错误与过渡和背面可见性。
更具体地说,缩放转换通常还需要一个“浏览器黑客”才能正常工作,也就是说
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
我已将此添加到您的小提琴中的.box元素中,并检查其工作原理:)
Your Updated Fiddle
关于html - CSS过渡移除border-radius属性,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42764468/