3

我在我的项目中使用 3d 卡片翻转动画。如本网站所示（http://css3.bradshawenterprises.com/flip/）

我想检测浏览器何时支持这种动画。例如，如果您有 Windows XP/旧驱动程序，Chrome 可能不会默认支持它，因为它可能会导致崩溃。当 Chrome 不支持它时，它会显示镜像的名称，并且动画不会是 3d（对我来说）。

我检查了两种不同的检测方法：
如何在没有 webkit 上下文的情况下检测 CSS translate3d？ 并从
Detecting 'transform: translate3d' support
var has3d = function() { return ('WebKitCSSMatrix' in window && 'm11' in new WebKitCSSMatrix()); }

两者都给了我一个真实的价值。不支持什么以及如何在不使用 Modernizr 之类的库的情况下检测该属性。

4

2 回答 2

2

您应该使用 Modernizr 来检测用户的浏览器是否支持进行卡片翻转所需的一切。它正是为此目的而创建的，并且比您必须找到和维护自己的解决方案时更有效地完成工作。随着浏览器的发展，modernizr 也将如此，您不必担心您的功能检测是否会中断

于 2012-09-04T15:16:25.013 回答
1

您是否被迫使用 CSS3？

Flip兼容所有主流浏览器...

于 2012-09-04T19:40:50.043 回答