<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.body{
background-color:#e1e1e1;
}
.wrap{
margin:60px auto;
width:1000px;
}
img{
width:200px;height:180px;
transition: 2s;
-moz-transition: 1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari and Chrome */
-o-transition: 1s; /* Opera */
}
.img1{
-webkit-transform:rotate(18deg);
-moz-transform:rotate(18deg);
transform:rotate(20deg);
}
.img1:hover{
transform:scale(1.2);
box-shadow:10px 10px 10px #e1e1e1;
}
</style>
</head>
<body>
<div class="wrap">
<img src="../../pic/activity2.jpg" class="img1"/>
<img src="../../pic/activity2.jpg" class="img2"/>
</div>
</body>
</html>