形狀變換屬性：
transform ： 可以實現元素的形狀、角度、位置等的變化。
值： rotate(); 以x/y/z為軸進行旋轉，預設為z
rotatex(), rotatey(), rotatez(), rotate3d(x, y, z, angle)
rotate3d(x, y, z, angle)（為三個方向的向量和方向）
例 transform: rotatex(45deg); //沿著x軸旋轉45度
scale(); 以x/y為軸進行縮放
scale(x, y) 接受兩個值，如果第二引數未提供，則第二個引數使用第乙個引數的值
scalex(),scaley() 值是數字表示倍數，不加任何單位 scalez() scale3d() scale3d(sx,sy,sz)
例 transform: scale(2); //某元素擴大為原來的兩倍。
skew(); 對元素進行傾斜扭曲
skew(x, y);接受兩個值，第乙個引數對應x軸，第二個引數對應y軸。如果第二個引數未提供，則預設值為0
skewx(), skewy()
例 transform: skew(10deg) //對某元素x軸扭曲10度
translate(); 可以移動距離,相對於自身位置。（可以結合居中定位使用，當不知道內容元素的寬高時）
translate(x, [y]) 當只輸入乙個值的時，第二個值預設為0
translatex(), translatey(), translatez(), translate3d(x, y, z)
例 transform: translate(100px) //向右平移100px
CSS3變形效果
css3提供了元素變形效果，也叫做變換。它可以將元素實現旋轉 縮放和平移的功能。transform指定應用的變換功能 transform origin指定變換的起點 transform的屬性值 none無變換 translate 長度值或百分數值 兩個方向平移元素 translatex 長度值或百分...
css3變形講解
transform變形 可以實現文字或者旋轉 縮放 傾斜和移動，並且該元素下的所有子元素都隨著父元素一樣。既然接觸到transform，我們就可以做好多3d的效果啦 旋 transform rotate 角度deg deg是css3的 values and units 模組中定義的乙個角度單位 縮放...
CSS3的變形 過渡 動畫 關聯屬性
transform 可以對元素物件進行旋轉rotate 縮放scale 移動translate 傾斜skew 矩陣變形matrix。示例 transform rotate 90deg scale 1.5,0.8 translate 100px,50px skew 45deg,45deg 矩陣變形 m...