CSS3 2D 转换介绍-三、scale(缩放)

语法: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>
上一篇:XHTML 简介


下一篇:Oracle保留小数点后两位