css3图片墙

来源:互联网 发布:mysql 脏读 幻读 编辑:程序博客网 时间:2024/04/28 10:27

<!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>

0 0