我在项目中使用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()中的窗口&&’m11’中的’WebKitCSSMatrix’);
}
两者都给了我一个真实的价值.不支持什么功能,如何在不使用像Modernizr这样的库的情况下检测该属性.
解决方法:
您应该使用Modernizr来检测用户的浏览器是否支持翻转卡片所需的一切.它是专为该目的而创建的,并且比您必须查找和维护自己的解决方案的效率高得多.随着浏览器的发展,modernizr也将实现,并且您不必担心功能检测是否会中断