柚子快報激活碼778899分享：實現(xiàn)3D動畫
柚子快報激活碼778899分享：實現(xiàn)3D動畫
一、transform
Transform是形變的意思（通常也叫變換），transformer就是變形金剛 常見的函數(shù)transform function有： 平移：translate(x, y) 縮放：scale(x, y) 旋轉(zhuǎn)：rotate(deg) 傾斜：skew(deg, deg
二、rotate（旋轉(zhuǎn)）
該CSS函數(shù)定義一個變換，它將元素圍繞固定軸旋轉(zhuǎn)。旋轉(zhuǎn)量由指定的角度確定; 為正，旋轉(zhuǎn)將為順時針，為負，則為逆時針。
只有一個值，表示旋轉(zhuǎn)的角度（單位deg）
三、translate（平移）
translateX(x)、translateY(y)、translateZ(z) 該函數(shù)表示在二、三維平面上移動元素
四、scale（縮放）
scaleX、scaleY、scaleZ 函數(shù)指定了一個沿 x、y 、z軸調(diào)整元素縮放比例因子
?1：保持不變 ?2：放大一倍 0.5：縮小一半
五、transform-style（選擇3D）?
transform-style
該CSS屬性用于設(shè)置元素的子元素是定位在 3D 空間中還是平展在元素的2D平面中
flat：指示元素的子元素位于元素本身的平面內(nèi)。
preserve-3d：指示元素的子元素應(yīng)位于 3D 空間中
?六、制作一個正方體
div
?
柚子快報激活碼778899分享：實現(xiàn)3D動畫
推薦鏈接
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點和立場。
轉(zhuǎn)載請注明，如有侵權(quán)，聯(lián)系刪除。
Myntra時尚出海者
