* { margin:0; padding:0; } body { background:#CCCCCC; } img { height:100px; display:block; border:4px solid white; border-radius:5px; } div { margin:30px auto; width:97%; } .demo1 { -webkit-transform:rotate(20deg); } .demo2 { position:absolute; top:40px; left:150px; -webkit-transform:rotateZ(-10deg); } .demo3 { position:absolute; top:40px; left:298px; -webkit-transform:rotate(10deg); } .demo4 { position:absolute; top:40px; left:450px; -webkit-transform:rotate(-10deg); } .demo5 { position:absolute; top:40px; left:600px; -webkit-transform:rotate(10deg); } .demo6 { position:absolute; top:40px; left:750px; -webkit-transform:rotate(-10deg); } .demo7 { position:absolute; top:40px; left:900px; -webkit-transform:rotate(10deg); } .demo8 { position:absolute; top:40px; left:1050px; -webkit-transform:rotate(-10deg); } img:hover { transform:rotateZ(5deg); }