CSS3 が 2D 変換と 3D 変換を実装する方法、それらの違いは何ですか_html/css_WEB-ITnose

CSS3 の 2D3D テクノロジーの発展により、より豊かな視覚効果がもたらされました~その実装メカニズムは何ですか?

1定義

2D:

要素を移動、拡大縮小、回転、伸縮、または引き伸ばすことができるようにします。

3D:

要素を 3 次元空間でフォーマットおよび操作できるようにします。要素は形状、サイズ、位置を変更します。

2D メソッド:

matrix() メソッドは、すべての 2D 変換メソッドを組み合わせたもので、回転 (角度)、スケーリング (n)、および移動 (x 、y) を実現できる数学関数を含む 6 つのパラメーターが必要です。 )、傾き (x 角度、y 角度)。

3D メソッド:

3Dtransform メソッド

ブラウザのサポート:

2D:

IE10、Firefox、Opera サポート、Chrome および Safari には接頭辞 -webkit- が必要、IE9 には接頭辞 -ms が必要です。

3D :

IE10、Firefox、Chrome、Safari には接頭辞 -webkit- が必要ですが、Opera はこれをサポートしていません。

違い:

2D にはないいくつかの属性が追加されていることに加えて、3D は基本的に 2D の属性を改良しています。