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

WBOY
リリース: 2023-09-04 12:25:05
転載
1041 人が閲覧しました

使用 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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート