• Art.11A.5.21

     Rien de bien original; 7 images au ratio 16/9.

    SURVOL

     

     

     

     

     

     

    <div style="width: 1000px; height: 562px; margin: 20px auto; text-align: left; border: 4px ridge white; background:url('http://ekladata.com/9mxCnxtCzkxOcCm56H3BrauOpng.jpg'); background-size:cover;">
    <p id="ds0">SURVOL</p>
    <p id="ds1" class="ds">&nbsp;</p>
    <p id="ds2" class="ds">&nbsp;</p>
    <p id="ds3" class="ds">&nbsp;</p>
    <p id="ds4" class="ds">&nbsp;</p>
    <p id="ds5" class="ds">&nbsp;</p>
    <p id="ds6" class="ds">&nbsp;</p>
    </div>

    <style><!--
    #ds0{position:absolute; z-index:1; width:120px; font-size:25px; color:white; text-shadow:2px 2px black;}
    .ds{position:absolute; z-index:1; width:120px; height:120px; border:4px ridge white; box-shadow:4px 4px 6px black; transition:all 1s, opacity 0s;}
    #ds1{background:url('http://ekladata.com/rFZsfZh91vxjKTtaX7AVaks0uzM.jpg'); background-size:1000px 562px; background-position:-700px -50px; transform:translate(700px,50px) skewy(20deg); }
    #ds2{background:url('http://ekladata.com/I44et7ThMQx-DREp5Jrnyjc-UWQ.jpg'); background-size:1000px 562px; background-position:-700px -200px; transform:translate(700px,200px) skewy(20deg);}
    #ds3{background:url('http://ekladata.com/YmrKciGjo2pnx6Go47BFUPV3wlk.jpg'); background-size:1000px 562px; background-position:-700px -350px; transform:translate(700px,350px) skewy(20deg);}
    #ds4{background:url('http://ekladata.com/7JrX3SidzbxxWN1I1ZCJDTRuOuY.jpg'); background-size:1000px 562px; background-position:-850px -50px; transform:translate(850px,50px) skewy(20deg); }
    #ds5{background:url('http://ekladata.com/ljRklH52ynSTzTgk7h8cWH9c2S4.jpg'); background-size:1000px 562px; background-position:-850px -200px; transform:translate(850px,200px) skewy(20deg);}
    #ds6{background:url('http://ekladata.com/gbMJ18wlRySAVf6J192Tg8g3D0s.jpg'); background-size:1000px 562px; background-position:-850px -350px; transform:translate(850px,350px) skewy(20deg);}
    #ds1:hover, #ds2:hover, #ds3:hover, #ds4:hover, #ds5:hover, #ds6:hover{z-index:5; width:1000px; height:562px; border:none; box-shadow:none; background-position:0px 0px;transform:translate(0px,0px) skewy(0deg);}
    --></style>