鼠标经过或悬停时，图片放大；鼠标离开，图片缓慢还原。

鼠标经过或悬停时，图片放大；鼠标离开，图片缓慢还原。
scale()函数能够缩放元素大小，该函数包含两个参数值，分别用来定义宽和高缩放比例。语法格式如下：
scale(,[,)
如果第二个参数省略，则表示第二个参数等于第一个参数。

点击查看代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div {
            margin:100px auto;
            width:200px;
            height:50px;
            background:#93FB40;
            border-radius：12px;
            box-shadow:2px 2px 2px #999;
        }
        div:hover {
            /*设置在鼠标悬停时放大1.5倍进行显示*/
            -webkit-transform:scale(1.5);
            -moz-transform:scale(1.5);
            -o-transform:scale(1.5);
            transform:scale(1.5);
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

posted on 2022-04-19 20:05 寒梅煮雪阅读(499) 评论(0) 收藏举报