2012-09-04 91 views
3

我在我的項目中使用3d卡翻轉動畫。 如本網站所示(http://css3.bradshawenterprises.com/flip/CSS3卡翻轉動畫,檢測是否不支持

我想檢測瀏覽器何時支持這種動畫。 如果您有Windows XP /舊驅動程序,Chrome可能會默認支持它,因爲它可能會導致崩潰。 當Chrome不支持它時,它會顯示鏡像名稱和動畫不會是3d(對我來說)。

我檢查兩種不同的檢測方法:
How to detect CSS translate3d without the webkit context? 而從
Detecting 'transform: translate3d' support
變種has3d =函數(){ 返回(在窗口 'WebKitCSSMatrix' &在新WebKitCSSMatrix & 'M11'()); }

這兩個都給我一個值是真的。什麼是不被支持,我如何檢測該屬性,而不使用像Modernizr庫。

+0

我這麼理解您的問題http://stackoverflow.com/questions/11902720/detect-if-computer-can-support-3d-transforms-properly –

回答

2

您應該使用Modernizr來檢測用戶的瀏覽器是否支持您翻轉卡片所需的一切。它是爲了這個目的而創建的,並且比您需要找到並維護您自己的解決方案時效率更高。隨着瀏覽器的不斷髮展,modernizr也會隨之而來,你不必擔心你的功能檢測將會中斷

+1

Modernizer會檢測瀏覽器,而不是計算機的容量。例如Modernizr會一直顯示Chrome支持3D動畫。儘管在具有廉價顯卡的舊電腦上,即使Chrome也不會渲染3D動畫。 –

1

你是否被迫使用CSS3?

Flip是與所有主要的瀏覽器兼容...

+0

是的,我試過那個。但即時翻轉圖像和翻轉並不是真正的3D。 – user1081577