例如以下代碼的解析
-ms-transform:rotate(7deg);
-moz-transform:rotate(7deg);
-webkit-transform:rotate(7deg);
-o-transform:rotate(7deg);
首先transform字母上就是變形，改變的意思。在css3中transform主要包括以下幾種：旋轉rotate、扭曲skew、縮放scale和移動translate以及矩陣變形matrix。下面我們一起來看看css3中transform的旋轉rotate/扭曲skew、縮放scale和移動translate
語法:
transform: none|<transform-function>[<transform-function>]*
也就是：
transform:rotate|scale|skew|translate|matrix;
none:表示不進么變換；<transform-function>表示一個或多個變換函數，以空格分開；換句話的就是我們同時對一個元素進行transform的多種屬性操作，例如rotate、scale、translate三種但這里需要提醒大家的，以往我們疊加效果都是用逗號（","）隔開，但transform中使用多個屬性時卻需要有空格隔開。大家記住了是空格隔開。
取值：
transform屬性實現了一些可用svg實現的同樣功能。它可用內聯元素和塊級元素。它允許我們旋轉、縮放和移動元素，它有幾個屬性值參數：rotate;translate;scale;skew;matrix.
旋轉rotate:
rotate(<angle>):通過指定的角度參數對原元素指定一個2D rotation(2D旋轉)，需先有transform-origin屬性的定義。transform-origin定義的旋轉的基地，其中angle是指旋轉角度，如果設置的值為正數表示順時針旋轉，如果設置的值為負數，則表示逆時針旋轉。如：transform:rotate(30deg)
-ms-transform:rotate(7deg); //-ms代表ie內核識別碼
-moz-transform:rotate(7deg); //-moz代表火狐內核識別碼
-webkit-transform:rotate(7deg); //-webkit代表谷歌內核識別碼
-o-transform:rotate(7deg); //-o代表歐朋【opera】內核識別碼
transform:rotate(7deg); //統一標識語句。。。最好這句話也寫下去，符合w3c標准
使用css3屬性時，大部分都要帶這些識別前綴，早期點的瀏覽器才能識別，后來有整合一個js文件的，不寫這個也可以網上搜索下這個文件，嵌入頁面就好了