位置:首頁 > 軟件操作教程 > 編程開發(fā) > CSS > 問題詳情

CSS3 2D轉(zhuǎn)換 3.縮放scale()

提問人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-19

使用seale()方法可以改變元素的大小,效果取決于寬度(X軸)和高度(Y軸)的參數(shù)。通過此方法可以對(duì)頁面中的元素進(jìn)行等比例放大和縮小,還可以指定物體縮放的中心。

通過一個(gè)實(shí)例來理解CSS3中的縮放功能。

【例題】使用scale()方法

代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

div{

width: 200px;

height: 200px;

background: blue;

margin:10px auto;

}

.d1{

transform: scale(1,1);

}

.d2{

transform: scale(1.5,1);

}

.d3{

transform: scale(0.5);

}

</style>

</head>

<body>

<div></div>

<div></div>

<div></div>

</body>

</html>

image.png


繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部