CSS 3 3D Transform_html/css_WEB-ITnose

3D 変換中、変更された要素の親要素にパースペクティブ属性を与える必要があります。

perspective: m px;視点と画面、視点の位置 デフォルトは親要素の中心

perspective-origin: right top;//視点の位置を変更する

transform -orgin: //

backface-visibility: 非表示 / 表示 (デフォルト)

============== =================================== ============== ========================

transform 属性を使用して変換します3 次元空間の HTML 要素

1. 回転 回転

回転X(角度)

回転Y(角度)

回転Z(角度)

回転3d(x,y , z, angle) //

2. 移動translate

translationX (長さ)

変換Y(長さ)

変換Z(長さ)

変換3d(x,y,z,angle)

3. スケールスケール

スケールX(x )

スケールY(y)

スケールZ(z)

スケール3d(x,y, z)

================================= ================= ================================

transform-style: flat //デフォルトでは、子要素は 3D 位置を保持しません

prepare-3d; //子要素は 3D 位置を保持します