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

提問人：劉團圓發(fā)布時間：2020-11-19

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

通過一個實例來理解CSS3中的縮放功能。

【例題】使用scale()方法

代碼如下：

<!DOCTYPE html>

<html>

<head>

<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>

</body>

</html>

相關(guān)視頻回答

回復(0)