语法:transform: scale(x,y);或者transform: scaleX(x);和transform: scaleY(y);。x和y是缩放比例因子,是无单位的数字。例如,scale(2,1.5)会将元素在水平方向(x 轴)放大 2 倍,在垂直方向(y 轴)放大 1.5 倍。scale(0.5)等同于scale(0.5,0.5),会将元素缩小为原来的一半。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
.box {
width: 100px;
height: 100px;
background - color: red;
transform: scale(1.2,1.2);
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>