一、transform變換
可做拉伸、壓縮、旋轉、偏移的效果。需加各個浏覽器前綴。
二、transform-origin
為transform屬性值的基點，默認值為元素的中心位置，即以元素左上角為坐標軸原點，向右為x軸，向下為y軸，基點為(50%,50%)。
1. transform-origin:x y z;
1）x軸 取值：left/center/right/length/%
百分比換算：
left-------------0%
center----------50%
right------------100%
2）y軸 取值：top/center/bottom/length/%
百分比換算：
top--------------0%
center----------50%
right------------100%
3）z軸 取值：length
2D默認為0,3D效果設置。
三、transform的屬性值
1.旋轉 rotate(deg)
通過指定的角度參數對元素以基點進行2D旋轉。單位為deg。
2.移動 translate(x,y)
始終相對於元素中心偏移。單位為px。
translateX(x);水平方向上的偏移量
translateY(y);垂直方向上的偏移量
3.縮放 scale(x,y)
當值=1為原大小；值>1為放大；值<1為縮小。單位無。
scaleX(x);水平方向上的縮放
scaleY(y);垂直方向上的縮放
4.扭曲 skew(x,y)
給選定的元素進行以基點為中心的扭曲。單位為deg。
skewX(x);水平方向上的扭曲
skewY(y);垂直方向上的扭曲
5.矩陣 matrix(rotateX,rotateY,rotate3D,translateZ,translate3D,scaleZ,scale3D)
矩陣一共有6個參數。