为什么没有反应,旋转也没有

来源:1-4 CSS3照片墙 动画实现

慕粉3884565

2016-09-05 20:52

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


写回答 关注

1回答

  • 筱no瞳舞
    2016-09-05 22:56:13

    transition 放在img里

    慕粉3884...

    具体怎么做

    2016-09-06 07:26:28

    共 1 条回复 >

CSS3绚丽照片墙

CSS3属性轻松实现绚丽照片墙效果,展示不同位置不同角度多张照片

56605 学习 · 63 问题

查看课程

相似问题