ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS3 を使用して 3D 変換を行う方法

CSS3 を使用して 3D 変換を行う方法

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB転載
2023-09-04 12:25:051102ブラウズ

使用 CSS3 进行 3D 变换的方法

#3D 変換を呼び出すために使用されるメソッドは次のとおりです:

##matrix3d(n,n ,n,n,n,n,n 、n,n,n,n,n,n,n,n,n)# の 16 個の値を使用して要素を変換するために使用されます。 ## translation3d(x,y,z)translateX(x) tr>スケーリングする場合y 軸を使用した変換要素 は、z 軸を使用して要素を変換するために使用されます。 x 軸回転を使用して要素を変換するために使用されます Y 軸変換を使用して要素を回転するために使用されますZ 軸回転を使用して要素を変換する場合
Value

説明

# は、行列

x、y、z 軸を使用して要素を変換するために使用されます

x 軸を介して要素を変換するために使用されます

##translateY(y)

y 軸を使用して要素を移動する場合

translateZ( z)

y 軸を使用して要素を変換する場合

scaleX (x)

x 軸を介して変換要素をスケーリングする場合

##scaleY(y)

scaleY(y)

rotateX(angle)

#rotateY(angle)

#rotateZ(angle)

以上がCSS3 を使用して 3D 変換を行う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。