Фото галерея

Код фото галереи:

<style>
#gallery {width: 650px;height: 680px;margin: 20px auto;position: relative;} #gallery div {cursor:pointer;-webkit-box-shadow: 3px 3px 50px #555;-moz-box-shadow: 3px 3px 50px #555;box-shadow: 3px 3px 50px #555;-webkit-transition: all 1500ms linear;background-color: #444;opacity:0.9;overflow:hidden;position:absolute;} #gallery div#img1:hover, #gallery div#img2:hover, #gallery div#img3:hover, #gallery div#img4:hover, #gallery div#img5:hover, #gallery div#img6:hover {z-index: 999;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);opacity: 1;} #gallery span {background-color: #222;bottom:5px;color:#AABBCC;font-size:15px;font-weight:bold;padding:2px 10px;position:absolute;right:0;text-align:right;width:40%;} #gallery #img1 {-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);top: 30px;left: 50px;z-index:1;} #gallery #img2 {-webkit-transform: rotate(25deg);-moz-transform: rotate(25deg);top: 300px;left:250px;z-index:7;} #gallery #img3 {-webkit-transform: rotate(-5deg);-moz-transform: rotate(-15deg);top: 70px;left:250px;z-index:3;} #gallery #img4 {-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);top: 380px;left: 50px;z-index:4;} #gallery #img5 {-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);top: 200px;left: 200px;z-index:5;} #gallery #img6 {-webkit-transform: rotate(-50deg);-moz-transform: rotate(-50deg);top: 320px;left: 170px;z-index:11;}
</style>
<div id="gallery">
<div id="img1">
<img height="265" src="https://img0.liveinternet.ru/images/attach/d/0/137/105/137105068_4039910_IMG_3153.JPG" title="Лес" width="400" /></div>
<div id="img2">
<img height="244" src="https://img1.liveinternet.ru/images/attach/d/0/137/105/137105045_4039910__DSC4111_900.jpg" title="Туман" width="400" /></div>
<div id="img3">
<img height="266" src="https://img0.liveinternet.ru/images/attach/d/0/137/105/137105046_4039910__DSC4039_900.jpg" title="Озеро" width="400" /></div>
<div id="img4">
<img height="266" src="https://img1.liveinternet.ru/images/attach/d/0/137/105/137105047_4039910__DSC3951_900.jpg" title="Монастырь" width="400" /></div>
<div id="img5">
<img src="https://img1.liveinternet.ru/images/attach/d/0/137/84/137084249_4039910__DSC3970_900.jpg" /></div>
<div id="img6">
<img src="https://img1.liveinternet.ru/images/attach/d/0/137/85/137085707_4039910__DSC3951_900.jpg" /></div>
</div>



<div style="clear: both;">
</div>