检测css 3d变换

Question

我想检测浏览器是否支持3d css变换或不。 我已经调查提供的净每一个解决方案，但他们没有工作对我来说 然后我用@support CSS属性为我的工作尝试。它在Linux中运行在Chrome浏览器中的Chrome &完美工作，但不能在windows中运行。

可能这是因为我在两个OS使用铬23测试，并根据在https://developer.mozilla.org/en-US/docs/CSS/@supports#Browser_compatibility兼容性表只铬24具有用于@support规则的支持。

任何想法，这种方法是否适合用于检查的3D支持？ 我只关心铬23.x及以上和Firefox 18及以上，而不是任何其他浏览器，

 @supports(-webkit-transform: perspective(1px))or 
       (-moz-transform: perspective(1px)) or 
       (-o-transform: perspective(1px)) or 
       (transform: perspective(1px)){ 

       #supports { 
        display:block; 
       } 

      } 

Answer 1

您可以使用Modernizr：

if (Modernizr.csstransforms3d) { 
    // CSS 3D Transforms supported 
} else { 
    // not supported 
}