我在我的元素中使用了 3d 卡片翻转动画。 如本网站所示 ( http://css3.bradshawenterprises.com/flip/ )
我想检测浏览器何时支持这种动画。 例如，如果您有 Windows xp/旧驱动程序，Chrome 可能不会默认支持它，因为它可能会导致崩溃。 当 Chrome 不支持它时，它会显示镜像的名称并且动画不会是 3d(对我来说)。
我检查了两种不同的检测方法:
How to detect CSS translate3d without the webkit context?
来自
Detecting 'transform: translate3d' support
var has3d = function() {
return ('WebKitCSSMatrix' in window && 'm11' in new WebKitCSSMatrix());
两者都给我一个真实的值。不支持什么以及如何在不使用像 Modernizr 这样的库的情况下检测该属性。
最佳答案
您应该使用 Modernizr 来检测用户的浏览器是否支持您进行卡片翻转所需的一切。它就是为此目的而创建的，并且比您必须寻找和维护自己的解决方案时更有效地完成工作。随着浏览器的发展，modernizr 也会发展，您不必担心您的功能检测是否会中断
关于javascript - CSS3卡片翻转动画，不支持时检测，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12266466/