我在项目中使用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也将实现,并且您不必担心功能检测是否会中断
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
