2d轉換
對元素進行移動。縮放。轉動。拉長 或 拉伸
全部都需要加字首。
transform-2d轉換方法：rotate()旋轉、scale()縮放、skew()扭曲/傾斜、translate()位移、matrix()矩形變形、
rotate(angle)：通過角度引數指定乙個2d旋轉，在引數中規定角度。
skew(x-angle,y-angle)：傾斜，沿著x和y軸。
skewx(angle)：沿著x軸。
skewy(angle)：沿著y軸。
scale(x,y)：轉換，改變元素的寬高。
scalex(n)：改變元素寬。
scaley(n)：改變元素高。
translate(x,y)：轉換，沿著x和y軸移動元素。
translatex(n)：沿著x軸移動元素。
translatey(n)：沿著y軸移動元素。
matrix(n,n,n,n,n,n)：轉換，使用6個值的矩形,較為複雜，不常用。
CSS3 transform,2D動畫例項
對元素進行移動。縮放。轉動。拉長 或 拉伸 全部都需要加字首。transform 2d轉換方法 rotate 旋轉 scale 縮放 skew 扭曲 傾斜 translate 位移 matrix 矩形變形 rotate angle 通過角度引數指定乙個2d旋轉，在引數中規定角度。skew x ang...
CSS3 Transform變形（3D轉換）
三維變換使用基於二維變換的相同屬性，如果您熟悉二維變換，你們發現3d變形的功能和2d變換的功能相當類似。css3中的3d變換主要包括以下幾種功能函式 3d位移 css3中的3d位移主要包括translatez 和translate3d 兩個功能函式 3d旋 css3中的3d旋轉主要包括rotatex...
css3的三D效果transform例項
要用css3實現3d效果，先看個圖 perspective設定景深，也就是z軸的距離。perspective origin 設定視角，不同視角看到同乙個立體是不同的表現。設定好這些，就可以構建你想要的，立體圖形，在構建前，構建前生成容器，要讓容器內元素也保持3d效果，就要在樣式新增transform...