CSS3 transform 属性

实例

旋转 div 元素：

div
{
    transform:rotate(7deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -webkit-transform:rotate(7deg); /* Safari and Chrome */
}

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性
transform (2D)	36.0 4.0 -webkit-	10.0 9.0 -ms-	16.0 3.5 -moz-	9.0 3.2 -webkit-	23.0 15.0 -webkit- 10.5 -o-
transform (3D)	36.0 12.0 -webkit-	12.0	10.0	16.0 10.0 -moz-	9.0 4.0 -webkit-

Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。

为了更好地理解Transform属性,请查看在线实例.

默认值：	none
继承：	no
版本：	CSS3
JavaScript 语法：	object.style.transform="rotate(7deg)"

transform: none|transform-functions;

实例

这个例子演示了如何创建"polaroid"照片和旋转图片。