图片移上去放大效果 纯css

Original 2019-05-08 14:33:15 230
abstract:<!DOCTYPE html><html><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equ

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta http-equiv="X-UA-Compatible" content="ie=edge" />

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>

<title>作业</title>

<style type="text/css">

#body{width:300px;height: 300px;margin: 0 auto;margin-top: 100px;}

#body img{width:300px;height: 300px;transition:all 0.5s}

#body:hover img{transform: scale(1.5);}


</style>

</head>

<body>

<div id="body">

<img src="img/a.png" alt="" />


</div>

</body>

</html>


Correcting teacher:查无此人Correction time:2019-05-09 14:06:24
Teacher's summary:完成的不错。这个效果也可以用在后台,因为后台管理数据列表,屏幕宽度有限。继续加油。

Release Notes

Popular Entries