鼠标经过或悬停时，图片放大；鼠标离开，图片缓慢还原。
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>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？