css transform-origin屬性怎麼用

定義和用法

transform-origin 屬性可讓您改變被轉換元素的位置。

2D 轉換元素能夠改變元素 x 和 y 軸。 3D 轉換元素還能改變其 Z 軸。

註解：此屬性必須與 transform 屬性一同使用。

實例

設定旋轉元素的基點位置：

div
{
transform: rotate(45deg);
transform-origin:20% 40%;

-ms-transform: rotate(45deg); 		/* IE 9 */
-ms-transform-origin:20% 40%; 		/* IE 9 */

-webkit-transform: rotate(45deg);	/* Safari 和 Chrome */
-webkit-transform-origin:20% 40%;	/* Safari 和 Chrome */

-moz-transform: rotate(45deg);		/* Firefox */
-moz-transform-origin:20% 40%;		/* Firefox */

-o-transform: rotate(45deg);		/* Opera */
-o-transform-origin:20% 40%;		/* Opera */
}

語法

transform-origin: x-axis y-axis z-axis;

 

以上是css transform-origin屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！