• Art.01.6.21

    6 images au ratio 16/9.

    Survol

     

     

     

     

     

     

    <div style="width: 1000px; height: 562px; margin: 20px auto; text-align: left;">
    <p id="dem0">Survol</p>
    <p id="dem1" class="dem">&nbsp;</p>
    <p id="dem2" class="dem">&nbsp;</p>
    <p id="dem3" class="dem">&nbsp;</p>
    <p id="dem4" class="dem">&nbsp;</p>
    <p id="dem5" class="dem">&nbsp;</p>
    <p id="dem6" class="dem">&nbsp;</p>
    </div>
    <style><!--
    #dem0{position:absolute;z-index:1; width:100px; font-size:25px; color:coral; text-shadow:2px 2px black;}
    .dem{position:absolute;z-index:1; width:500px; height:500px; border:4px solid white; border-radius:50%; transition:all 1s;}
    #dem1{box-sizing:border-box; background:url('http://ekladata.com/I2H44Cz96Sj4nJH4K-yhmcU0ZoE.jpg'); background-size:1000px 562px; background-position:-500px -40px; transform:translate(500px,40px);}
    #dem2{box-sizing:border-box; background:url('http://ekladata.com/S6ZpC9dAMacJblpQgqcPkcFM7-U.jpg'); background-size:1000px 562px; background-position:-400px -40px; transform:translate(400px,40px);}
    #dem3{box-sizing:border-box; background:url('http://ekladata.com/2vuv_RFhoN-l6yg97vU3rCJzuqY.jpg'); background-size:1000px 562px; background-position:-300px -40px; transform:translate(300px,40px);}
    #dem4{box-sizing:border-box; background:url('http://ekladata.com/QsNvZjtSudU78TDLhH5ML-DJmzc.jpg'); background-size:1000px 562px; background-position:-200px -40px; transform:translate(200px,40px);}
    #dem5{box-sizing:border-box; background:url('http://ekladata.com/WX_vIgwq8IhIDCfVhoDfHohGn5Q.jpg'); background-size:1000px 562px; background-position:-100px -40px; transform:translate(100px,40px);}
    #dem6{box-sizing:border-box; background:url('http://ekladata.com/_K2D8gV0IueNnubSHY7o2iNJNHc.jpg'); background-size:1000px 562px; background-position:0px -40px; transform:translate(0px,40px);}
    #dem1:hover,#dem2:hover,#dem3:hover,#dem4:hover,#dem5:hover,#dem6:hover{z-index:5; width:1000px; height:562px; border-radius:0%; background-position:0px 0px; transform:translate(0px,0px);}
    --></style>