当我尝试将这两个webkit属性-webkit-box-reflect和-webkit-transform:scale3d关联起来时,我在项目中遇到了一些Chrome问题。 关联并应用于元素时,如果您尝试在0和1之间设置比例,则div将显示为模糊。
我在Stackoverflow上找到了另一个关于该问题的请求,但没有给出真正的答案来解决问题。 CSS3 Scale combined with reflect makes blurred elements on chrome
考虑到我的元素可以包含任何类型的内容(文本,图像,视频,CSS动画......),还有另一种方法可以在chrome上关联反射和缩放吗? 另一篇文章中给出的示例非常完美,我邀请您通过以下链接进行审核:http://codepen.io/lchenneberg/pen/muiKa