css2d 3d功能函式

x ， y  這兩個引數為乙個數字，大於1放大  小於1縮小        transform:scalex();

transform:scaley();  2d:        平面空間的元素變形。
變形屬性：
transform:
transform的屬性值為功能函式。    2d功能函式：
2d的位移：
2d的旋**
2d的縮放：
2d的傾斜：
2d位移：
transform:translate(x,y);        transform:translatex(x軸移動的距離);
transform:translatey(y軸移動的距離);transform:rotate(30deg);        transform:rotatex(30deg);
transform:rotatey(30deg);

平面空間：

transform-style:flat 形成3d空間(讓父元素形成3d空間、3d舞台)：

transform-style:preserve-3d

–>

transform:translate(x,y);

transform:translatex()

transform:translatey()

3d位移：

transform:translate3d(x,y,z);
transform:translatez();

2D功能函式

一 2d功能函式 1 2d位移 transform translate x,y transform translatex x軸移動的距離 transform translatey y軸移動的距離 2 2d的縮放 transform scale x,y transform scalex transfo...

css動畫2D 3D的轉換

可以使用2d,3d來轉換元素 translate 使元素移動 有兩個引數，x和y，x表示水平方向的移動，y表示垂直方向的移動 例如 transfrom translate 100px,100px 例子 transfrom rotate 180deg deg 是乙個度數單位必須寫的 例子 transf...

CSS之2D 3D轉換總結

translate語法 x 就是 x 軸上水平移動 y 就是 y 軸上水平移動 transform translate x,y transform translatex n transfrom translatey n 演示 div rotate 旋轉 2d旋轉指的是讓元素在二維平面內順時針或者逆時...