瀏覽器支援情況

Internet Explorer 10、Firefox 以及 Opera 支援 transform 屬性。

Chrome 和 Safari 需要字首 -webkit-。

註釋：Internet Explorer 9 需要字首 -ms-。

translate() 方法

 通過 translate() 方法，元素從其當前位置移動，根據給定的 left（x 座標） 和 top（y 座標） 位置引數：

例項

div
{
transform: translate(50px,100px);
-ms-transform: translate(50px,100px);		/* IE 9 */
-webkit-transform: translate(50px,100px);	/* Safari and Chrome */
 

-o-transform: translate(50px,100px);		/* Opera */
-moz-transform: translate(50px,100px);		/* Firefox */
}

親自試一試

值 translate(50px,100px) 把元素從左側移動 50 畫素，從頂端移動 100 畫素。