<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Keywords" content="">
<title>css3绚丽照片墙</title>
<style type="text/css">
h1{text-align:center}
div{width:960px;height:450px;margin:60px auto;position:relative}
body{background:#B3D0D2;}
img{padding:10px 20px 10px;background:#fff;border:2px solid #ddd;position:absolute;top:50px;left:200px;
-webkit-transform:rotate(20deg);
img:hover{-webkit-transform:rotate(0deg) scale(1.20);-webkit-transition:2s；-webkit-transform:rotate(0deg) scale(1.20);-webkit-transition:2s;}
}
</style>
</head>
<body>
<h1>css3绚丽照片墙<h1>
<div>
<img class="a a1" src="image/i1.jpg"></img>
<img class="a a2" src="image/i2.jpg"></img>
<img class="a a3" src="image/i3.jpg"></img>
<img class="a a4" src="image/i4.jpg"></img>
<img class="a a5" src="image/i5.jpg"></img>
</div>
</body>
</html>
transition 放在img里