Leo*_*eon 0 css safari hover css3 css-transitions
这可能是一个常见的问题，但我找不到答案。理解此问题的最佳方法是查看此提琴：http : //jsfiddle.net/sxvjejvk/
基本上我有一个div border-radius和overflow:hidden。div内是一个图像。当我将鼠标悬停在div上时，我希望使用过渡来缩放图像。但是，在动画期间，div的边界半径会断开（不再具有圆角）。
添加-webkit-transform:translateZ(0)到div可以在Chrome中解决此问题，但在Safari中不起作用。有谁知道是否有解决办法？
小智 5
您可以通过为具有溢出的父元素添加webkit-mask-image来解决此问题：
-webkit-mask-image: -webkit-radial-gradient(white, black);