小編給大家分享一下css中的transform-origin屬性怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司是一家專業(yè)提供秀峰企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、HTML5、小程序制作等業(yè)務(wù)。10年已為秀峰眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

CSS3transform-origin屬性

作用：transform-origin屬性允許您改變被轉(zhuǎn)換元素的位置。2D轉(zhuǎn)換元素能夠改變?cè)豿和y軸。3D轉(zhuǎn)換元素還能改變其Z軸。

語(yǔ)法：

transform-origin:x-axisy-axisz-axis;

值

描述

x-axis

定義視圖被置于X軸的何處。可能的值：

●left

●center

●right

●length

●%

y-axis

定義視圖被置于Y軸的何處。可能的值：

●top

●center

●bottom

●length

●%

z-axis 定義視圖被置于Z軸的何處。可能的值：length

注：該屬性必須與transform屬性一同使用。

CSS3transform-origin屬性的使用示例

旋轉(zhuǎn)紅色的DIV元素，嘗試更改其X軸和Y軸：

HELLO