我正在为此创建Web模板,但完成后我发现它不适用于谷歌浏览器。
演示:http : //www.queness.com/resources/html/css3dflip/index.html
和我的Chrome版本37.0.2062.3 dev-m
我该如何在chrome上修复它?
这是因为您使用的Chrome版本使用的是非前缀CSS属性(例如transform,transition等),而不是-webkit-transition。我正在使用Canary v38.0.2094.0,并且可以复制您看到的内容。
问题来了,因为您的CSS在.thumb.flip .thumb-wrapper
选择器中的属性值错误:
transition: -moz-transform 1s;
transition: transform 1s;
对于-o
和-ms
前缀,应该和相同(不是我认为您需要-ms
)。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句