1. #translate-demo:hover {        -webkit-transform: translate(30px, 20px);   
2.     -moz-transform: translate(30px, 20px);        -o-transform: translate(30px, 20px);   
3.     -ms-transform: translate(30px, 20px);        transform: translate(30px, 20px);   
4. }  

這里必須說明一點，最新版本的主流現代瀏覽器（Kayo 測試的是 Chrome 22.0.1229.94 , Firefox 17.0.1 , Safari 5.1.7 , Opera 12.12）除 webkit 內核的 Chorme 和 Safari 外都不需要通過私有屬性才能支持 transform 了，但由于早期的現代瀏覽器中 transform 屬性都需要通過各自的私有屬性支持，因此為了盡量兼容早期版本的瀏覽器，在實際項目中使用 transform 時最好使用各自的私有屬性，同時為了向后兼容，需要加上沒有私有屬性的調用。

4.skew傾斜
skew 指定元素斜切扭曲，即元素圍繞 x 軸和 y 軸進行傾斜，具有兩個參數，第一個對應 x 軸方向的傾斜角度，第二個對應 y 軸方向傾斜角度。如果第二個參數未提供，則默認值為 0 。skew 與 scale 有點相似，但 scale 只旋轉元素，不會對元素形狀作出改變，而 skew 則會使到元素的形狀發生改變。

例如，需要設置一個元素在鼠標懸停時進行 x 軸方向 30 度和 y 軸方向 30 度的斜切扭曲，可以這樣編寫：