實(shí)例

旋轉(zhuǎn) div 元素：

div
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); 	/* IE 9 */
-moz-transform:rotate(7deg); 	/* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); 	/* Opera */
}

親自試一試

頁(yè)面底部有更多實(shí)例。

瀏覽器支持

Internet Explorer 10、Firefox、Opera 支持 transform 屬性。

Internet Explorer 9 支持替代的 -ms-transform 屬性（僅適用于 2D 轉(zhuǎn)換）。

Safari 和 Chrome 支持替代的 -webkit-transform 屬性（3D 和 2D 轉(zhuǎn)換）。

Opera 只支持 2D 轉(zhuǎn)換。

定義和用法

transform 屬性向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換。該屬性允許我們對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放、移動(dòng)或傾斜。

為了更好地理解 transform 屬性，請(qǐng)查看這個(gè)演示。

語(yǔ)法

transform: none|transform-functions;

相關(guān)頁(yè)面

CSS3 教程：CSS3 2D 轉(zhuǎn)換

CSS3 教程：CSS3 3D 轉(zhuǎn)換