在 Google Chrome 的最新稳定版本：版本 31.0.1650.63 m（也包括 Canary）中，当涉及边框半径和过渡时，仍然存在错误。
应用了边框半径的元素内的内容在动画结束之前不会被剪切。
我已经设法通过转换“顶部”和“左侧”属性而不是translateX/translateY 来解决这个问题
http://codepen.io/iki_xx/pen/wCFuo
然而我似乎找不到动画不透明度的替代品。
http://codepen.io/iki_xx/pen/mspgE
有解决不透明度的方法吗？
老实说，最简单的解决方案是还提供一个（稍小）border-radius对于你的标题，就像这样：
.caption {
...
border-radius:30px;
}
查看此修复的演示.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
