摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>鼠标移上图片放大效果</title>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标移上图片放大效果</title>
<link rel="shortcut icon" href="static/images/logo.png" type="image/x-icon" />
<style type="text/css">
.pic{width: 500px;margin: 150px auto;}
.pic img{
border-radius: 5px;
transition: all 0.1s;
}
.pic:hover img{
transform:scale(1.5);
}
</style>
</head>
<body style="background:#ccc;">
<div class="pic">
<img src="static/images/1.jpg">
</div>
</body>
</html>```css
.pic img{
border-radius: 5px;
transition: all 0.1s;
}
.pic:hover img{
transform:scale(1.5);
}
```
批改老师：灭绝师太批改时间：2018-11-27 09:19:20
老师总结：适当的敲上备注，不熟悉的地方最好做下笔记！
