modernizr 3d变换不工作铬

Question

我是用这个创建和网页模板，但在完成后我看到这不适用于谷歌浏览器。

演示： http://www.queness.com/resources/html/css3dflip/index.html

和我的Chrome版本37.0.2062.3 dev-m

我如何在Chrome上修复它？

Answer 1

这是因为您使用的Chrome版本使用了未加修复的CSS属性，例如转换，转换等，而不是-webkit-transition。我正在使用v38.0.2094.0 Canary，我可以复制你所看到的内容。

问题出现是因为你的CSS在.thumb.flip .thumb-wrapper选择器中有错误的属性值：

transition: -moz-transform 1s;应为transition: transform 1s;且-o和-ms前缀相同（不是我认为您需要-ms）。