溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

scale()與skew()方法有什么用

發(fā)布時(shí)間：2022-03-05 10:58:37 來源：億速云 閱讀：132 作者：小新 欄目：web開發(fā)

小編給大家分享一下scale()與skew()方法有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

    scale()方法

    scale()方法，該元素增加或減少的大小，取決于寬度（X軸）和高度（Y軸）的參數(shù)：

    實(shí)例

    -ms-transform:scale(2,3);/*IE9*/

    -webkit-transform:scale(2,3);/*Safari*/

    transform:scale(2,3);/*標(biāo)準(zhǔn)語法*/

    scale（2,3）轉(zhuǎn)變寬度為原來的大小的2倍，和其原始大小3倍的高度。

    skew()方法

    語法

    transform:skew([,]);

    包含兩個(gè)參數(shù)值，分別表示X軸和Y軸傾斜的角度，如果第二個(gè)參數(shù)為空，則默認(rèn)為0，參數(shù)為負(fù)表示向相反方向傾斜。

    skewX();表示只在X軸(水平方向)傾斜。

    skewY();表示只在Y軸(垂直方向)傾斜。

    OperaSafariChromeFirefoxInternetExplorer

    實(shí)例

    div

    {

    transform:skew(30deg,20deg);

    -ms-transform:skew(30deg,20deg);/*IE9*/

    -webkit-transform:skew(30deg,20deg);/*SafariandChrome*/

    }

    skew(30deg,20deg)元素在X軸和Y軸上傾斜20度30度。

以上是“scale()與skew()方法有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手