3

プロジェクトで 3D カード フリップ アニメーションを使用しています。このサイト ( http://css3.bradshawenterprises.com/flip/ )に示されているように

ブラウザがこの種のアニメーションをいつサポートするかを検出したいと考えています。たとえば、クラッシュを引き起こす可能性があるため、Windows XP/古いドライバーを使用している場合、Chrome はデフォルトでサポートされていない可能性があります。Chrome がサポートしていない場合、ミラーリングされた名前が表示され、アニメーションは 3D になりません (私にとっては)。

2 つの異なる検出方法を確認しました:
Webkit コンテキストなしで CSS translate3d を検出するにはどうすればよいですか? そして、
'transform: translate3d' サポートの検出
から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 に答える