Art.24b.7.21

4 images au ratio 4/3, dimensionnées en 1000x750px par le code.

SURVOL

*****************
<div style="position: relative; overflow: hidden; width: 1000px; height: 750px; margin: 20px auto; text-align: left;">
<p id="bako0">SURVOL</p>
<img id="bako1" class="bako" src="http://ekladata.com/Wne9d4rjy6RelArKF2src8js7G0@1000x750.jpg" alt="" /> <img id="bako2" class="bako" src="http://ekladata.com/_wPpUBuqlHsRJWXYN3eSIxbacpQ@1000x750.jpg" alt="" /> <img id="bako3" class="bako" src="http://ekladata.com/CpqY3pVxXg-NbEbvikoFiM-3fYE@1000x750.jpg" alt="" /> <img id="bako4" class="bako" src="http://ekladata.com/Rlstph2SqTIDTqMOtJjO88vQqr4@1000x750.jpg" alt="" /></div>
<style><!--
#bako0{position:absolute; z-index:1; width:120px; font-size:15px; transform:translate(460px,360px);}
.bako{position:absolute; z-index:1; width:1000px; height:750px; transition:all 1s;}
#bako1{transform:translate(-510px,-390px);}
#bako2{transform:translate(510px,-390px);}
#bako3{transform:translate(-510px,380px);}
#bako4{transform:translate(510px,380px);}
#bako1:hover,#bako2:hover,#bako3:hover,#bako4:hover{z-index:5; transform:translate(0px,0px);}
--></style>