變形--位移 translate()
translate()函式可以將元素向指定的方向移動，類似於position中的relative。或以簡單的理解為，使用translate()函式，可以把元素從原來的位置移動，而不影響在x、y軸上的任何web元件。
translate我們分為三種情況：
1、translate(x,y)水平方向和垂直方向同時移動（也就是x軸和y軸同時移動）
2、translatex(x)僅水平方向移動（x軸移動）
3、translatey(y)僅垂直方向移動（y軸移動）
用法：transform:translate(40px,30px);
效果：
CSS3變形效果
css3提供了元素變形效果，也叫做變換。它可以將元素實現旋轉 縮放和平移的功能。transform指定應用的變換功能 transform origin指定變換的起點 transform的屬性值 none無變換 translate 長度值或百分數值 兩個方向平移元素 translatex 長度值或百分...
css3變形講解
transform變形 可以實現文字或者旋轉 縮放 傾斜和移動，並且該元素下的所有子元素都隨著父元素一樣。既然接觸到transform，我們就可以做好多3d的效果啦 旋 transform rotate 角度deg deg是css3的 values and units 模組中定義的乙個角度單位 縮放...
CSS3 變形 縮放 scale
縮放 scale 函式讓元素根據中心原點對物件進行縮放。縮放 scale 具有三種情況 1 scale x,y 使元素水平方向和垂直方向同時縮放 也就是x軸和y軸同時縮放 例如 div hover注意 y是乙個可選引數，如果沒有設定y值，則表示x，y兩個方向的縮放倍數是一樣的。2 scalex x ...