• Art.18A.6.21

    8 images au ratio 16/9.

    SURVOL

    <div style="width: 999px; height: 561px; margin: 20px auto; text-align: left;">
    <p id="enc0"><img id="enc1" class="enc" src="http://ekladata.com/78Exocd5d9SOf-aHHbmtOty93M4.jpg" alt="" /> <img id="enc2" class="enc" src="http://ekladata.com/1ttpdN34xBNYozq-JsljpWg46Mk.jpg" alt="" /> <img id="enc3" class="enc" src="http://ekladata.com/00JBs3Wxste-QbTqrQdfXcY1vnc.jpg" alt="" /> <img id="enc4" class="enc" src="http://ekladata.com/pOj79RG1De9osvDB21_JnRx07ZY.jpg" alt="" /> <span id="encx">SURVOL</span> <img id="enc5" class="enc" src="http://ekladata.com/K6gndnX7gD-9VeGjOxEXajMd13w.jpg" alt="" /> <img id="enc6" class="enc" src="http://ekladata.com/b8F8tz8tebWY7VAS1e3QLFTjl2M.jpg" alt="" /> <img id="enc7" class="enc" src="http://ekladata.com/E5vlbyR_wHqNGQcABBLqugpotm4.jpg" alt="" /> <img id="enc8" class="enc" src="http://ekladata.com/DDiNDSaMARxHuX9uqMtk3TaQnUI.jpg" alt="" /></p>
    </div>

    <style><!--
    #enc0{position:relative; overflow:hidden; width:999px; height:561px; text-align:left;}
    .enc{position:absolute; z-index:1; width:333px; height:187px; border:4px solid white; transition:all 1s;}
    #enc1{box-sizing:border-box; transform:translate(0px,0px); border-radius: 100% 0 0 0;}
    #enc2{box-sizing:border-box;transform:translate(333px,0px); border-radius: 0;}
    #enc3{box-sizing:border-box;transform:translate(666px,0px); border-radius: 0 100% 0 0;}
    #enc4{box-sizing:border-box;transform:translate(0px,187px); border-radius: 0;}
    #encx{position:absolute; z-index:1; width:333px; height:187px; transform:translate(333px,187px); text-align:center; line-height:187px; font-size:30px; color:aqua; text-shadow:2px 2px black;}
    #enc5{box-sizing:border-box;transform:translate(666px,187px); border-radius: 0;}
    #enc6{box-sizing:border-box; transform:translate(0px,374px); border-radius: 0 0 0 100%;}
    #enc7{box-sizing:border-box;transform:translate(333px,374px); border-radius: 0;}
    #enc8{box-sizing:border-box;transform:translate(666px,374px); border-radius: 0 0 100% 0;}
    #enc1:hover,#enc2:hover,#enc3:hover,#enc4:hover,#enc5:hover,#enc6:hover,#enc7:hover,#enc8:hover{z-index:5; width:999px; height:561px; border-radius:0; transform:translate(0px,0px);}
    --></style>