小編給大家分享一下scale()與skew()方法有什么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
十多年的定西網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整定西建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“定西網(wǎng)站設(shè)計(jì)”,“定西網(wǎng)站推廣”以來(lái),每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
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)語(yǔ)法*/
scale(2,3)轉(zhuǎn)變寬度為原來(lái)的大小的2倍,和其原始大小3倍的高度。
skew()方法
語(yǔ)法
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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!