css2d 3d功能函式

2021-10-23 04:16:30 字數 786 閱讀 4309

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旋轉指的是讓元素在二維平面內順時針或者逆時...