• Art.03C.5.21

    6 images au ratio 16/9.

    Survol

     

     

     

     

     

    **************
    <div style="width: 1000px; height: 562px; border: 1px solid black; margin: 20px auto; background: url('http://ekladata.com/uIpbExKdmUG5v56gQEq8m_gAiYo.jpg'); background-size: cover; text-align: left;">
    <p id="apm0">Survol</p>
    <p id="apm1" class="apm">&nbsp;</p>
    <p id="apm2" class="apm">&nbsp;</p>
    <p id="apm3" class="apm">&nbsp;</p>
    <p id="apm4" class="apm">&nbsp;</p>
    <p id="apm5" class="apm">&nbsp;</p>
    </div>
    <style><!--
    #apm0{position:absolute; z-index:1; width:150px; font-size:30px; color:white; text-shadow:2px 2px black; transform:translate(50px,500px);}
    .apm{position:absolute; z-index:1; width:150px; height:150px; border:4px solid white; transition:all 1s;}
    #apm1{box-sizing:border-box; background-position:-580px -50px; background:url('http://ekladata.com/EGy77L5v29iuHnoJsu7WgeUh5wY.jpg'); background-size:1000px 562px; transform:translate(580px,50px) rotate(45deg);}
    #apm2{box-sizing:border-box; background-position:-800px -50px; background:url('http://ekladata.com/v7VV7tqOPK08eQb5pcieVhvEid4.jpg'); background-size:1000px 562px; transform:translate(800px,50px) rotate(45deg);}
    #apm3{box-sizing:border-box; background-position:-690px -200px; background:url('http://ekladata.com/fNvAT8Y0ICW4QHxF0NwbjZsQZ0Q.jpg'); background-size:1000px 562px; transform:translate(690px,200px) rotate(45deg);}
    #apm4{box-sizing:border-box; background-position:-580px -350px; background:url('http://ekladata.com/oH-g8bMc8ZieCDnfQwS4H1x0quI.jpg'); background-size:1000px 562px; transform:translate(580px,350px) rotate(45deg);}
    #apm5{box-sizing:border-box; background-position:-800px -350px; background:url('http://ekladata.com/HWlMFgLvqSnlPxTGk5d-ZGECurs.jpg'); background-size:1000px 562px; transform:translate(800px,350px) rotate(45deg);}
    #apm1:hover,#apm2:hover,#apm3:hover,#apm4:hover,#apm5:hover{z-index:5; width:1000px; height:562px; background-position:0px 0px; transform:translate(0px,0px) rotate(0deg);}
    --></style>