<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>鼠标移动到div上，div中的img放大</title>
<style>
#photo1{
overflow: hidden;
width: 411px;
height: 548px;
cursor:pointer;
float:left;
margin-top: 50px;
margin-left: 350px;
}
#photo2{
cursor:pointer;
float:right;
margin-top: 50px;
margin-right: 350px;
}
img:hover{
transition: .5s transform;
transform: scale(1.15);
}
.tupian{
width: 411px;
height: 548px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="photo1">
<img class="tupian" src="https://oscimg.oschina.net/oscnet/up-4a0qevvchq1b47hg0cxjhkxxzhn0jf5j" />
</div>
<div id="photo2">
<img class="tupian" src="https://oscimg.oschina.net/oscnet/up-4a0qevvchq1b47hg0cxjhkxxzhn0jf5j" />
</div>
</body>
</html>
来源：CSDN
作者：怪只怪满眼尽是人间烟火
链接：https://blog.csdn.net/weixin_38959210/article/details/91390993