我在网络上看到各种关于 Chrome 中涉及 overflow:hidden 和 border-radius 的错误的提及，但似乎没有一个解决方案适合我。
我已将相关代码放在这里:http://codepen.io/jolora/pen/MadgQm
悬停过渡效果在 Safari 和 Firefox 中运行良好，但在 Canary 中出现错误(v49。Chrome v46 运行良好)。
如果我从 .service 中删除 overflow:hidden 规则，悬停会按预期工作。不过我使用的是模糊滤镜，所以我需要以某种方式剪裁模糊 - 我不希望它流出父级的边缘。
截图:
Safari 悬停(看起来应该是这样):
悬停时的 Canary(.service 的背景仅在 0.25 秒的过渡期间显示在正方形中):
如有任何帮助，我们将不胜感激。谢谢!
最佳答案
您遇到了什么问题，它应该是什么样子的？在 Chrome 中我觉得还不错(不是 Canary)
溢出:隐藏 -
没有溢出:隐藏 -
关于css - 对具有 overflow hidden 和边界半径的父项的子项进行动画变换，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33869757/