CSS3有一個變形相關的屬性，transform。
使用這個屬性你可以進行 :
translate(x, y); 移動元素的坐標。
rotate(30deg); 旋轉元素。
scale(x, y); 縮放。
skew(x, y); 元素的傾斜。
以上操作默認是元素的中心點來進步變換的，很多時候我們需要去改變他。
transform-origin:x y;屬性，也需要使用坐標參數，他的可用值有下面這些 ：
left，center，top，bottom
50%，50%
0px，0px
示例，讓元素的變形基准點為左下角，假設元素高度100px,有下面三種寫法 ：
transform-origin: left bottom;
transform-origin: 0% 100%;
transform-origin: 0 110px;
針對不同的浏覽器可用加上特有的前綴 ：
-moz-transform-origin，-o-transform-origin， -webkit-transform-origin