教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

什么是transform？【CSS transform屬性】

更新時(shí)間:2021年04月20日16時(shí)27分 來源:傳智教育 瀏覽次數(shù):

在CSS3中，transform屬性可以實(shí)現(xiàn)網(wǎng)頁(yè)中元素的變形效果。CSS3變形效果是一系列效果的集合，例如平移、縮放、傾斜和旋轉(zhuǎn)。使用transform屬性實(shí)現(xiàn)的變形效果，無需加載額外文件，可以極大提高網(wǎng)頁(yè)開發(fā)者的工作效率和頁(yè)面的執(zhí)行速度。transform屬性的基本語(yǔ)法如下：
transform：none|transform-functions;

在上面的語(yǔ)法格式中，transform屬性的默認(rèn)值為none，適用于行內(nèi)元素和塊元素，表示元素不進(jìn)行變形。transform-function用于設(shè)置變形，可以是一個(gè)或多個(gè)變形樣式，主要包括translate ()、scale()、skew()和rotate()等，具體說明如下：

●translate()：移動(dòng)元素對(duì)象，即基于X和Y坐標(biāo)重新定位元素。

●scale()：縮放元素對(duì)象，可以使任意元素對(duì)象尺寸發(fā)生變化，取值包括正數(shù)、負(fù)數(shù)和小數(shù)。

●skew()：傾斜元素對(duì)象，取值為一個(gè)度數(shù)值。

●rotate()：旋轉(zhuǎn)元素對(duì)象，取值為一個(gè)度數(shù)值。





猜你喜歡：

SCSS是什么?有什么特性？安裝使用的步驟是什么？

什么是less？Less變量怎樣能實(shí)現(xiàn)CSS樣式？

Normalize.樣式庫(kù)的特點(diǎn)，如何下載和使用Normalize.css？

彈性盒布局常用屬性列舉【web前端】

傳智教育web前端學(xué)習(xí)

0 分享到：
和我們?cè)诰€交談！