3 img.4/3

 Pour 3 images au ratio 4/3.

<div style="width:732px; height:549px; margin:50px auto;">

<p id="bx0">SURVOL</p>

<p id="bx1" class="bx">&nbsp;</p>

<p id="bx2" class="bx">&nbsp;</p>

<p id="bx3" class="bx">&nbsp;</p>

</div>

<style><!--

#bx0{position:absolute; z-index:1; width:35px; height:549px; text-align:center; line-height:50px; font-size:35px; transform:translate(230px,0px);}

.bx{position:absolute; z-index:1;transition:all 1s;}

#bx1{width:220px; height:549px; background:url('https://i.goopics.net/3qr545.jpg'); background-size:732px 549px; background-position:0px 0px; transform:translate(0px,0px);}

#bx2{width:220px; height:549px; background:url('https://i.goopics.net/xjjl97.jpg'); background-size:732px 549px; background-position:-270px 0px; transform:translate(270px,0px);}

#bx3{width:220px; height:549px; background:url('https://i.goopics.net/x6s0h6.jpg'); background-size:732px 549px; background-position:-512px 0px; transform:translate(512px,0px);}

#bx1:hover,#bx2:hover,#bx3:hover{z-index:5; width:732px; background-position:0px 0px; transform:translate(0px,0px);}

--></style>

SURVOL