• Montage 80

    7 + 1 images au ratio 16/9

    Survol

     

     

     

     

     

     

     

    <div style="width: 60vw; height: 33.75vw; margin: 1vh auto; border: 0.6vh ridge white; background: url('http://ekladata.com/sUvHTM7nobtZk-lFn_ytJpkLShU.jpg'); background-size: cover;">
    <p id="pro0" class="pro">Survol</p>
    <p id="pro1" class="pro">&nbsp;</p>
    <p id="pro2" class="pro">&nbsp;</p>
    <p id="pro3" class="pro">&nbsp;</p>
    <p id="pro4" class="pro">&nbsp;</p>
    <p id="pro5" class="pro">&nbsp;</p>
    <p id="pro6" class="pro">&nbsp;</p>
    <p id="pro7" class="pro">&nbsp;</p>
    </div>

    <style><!--
    .pro{position:absolute; z-index:1; width:5vw; height:3.5vw; border:0.4vh solid white; box-shadow:0.4vh 0.4vh 0.6vh black;  transition:all 1s linear;}
    #pro0{background:rgba(0,0,0,0.5); text-align:center; line-height:3.5vw; font-size:1.2vw; color:white; text-shadow:0.1vh 0.1vh black; transform:translate(3vw,29.5vw);}
    #pro1{background:url('http://ekladata.com/CAqp6wyW_-NxgEBkwV3MRAQ3j5M.jpg'); background-size:cover; transform:translate(10vw,29.5vw);}
    #pro2{background:url('http://ekladata.com/znVpMf8skPhmSbElsn2SDo1ZyXs.jpg'); background-size:cover; transform:translate(17vw,29.5vw);}
    #pro3{background:url('http://ekladata.com/Eb0PSN5WCpfHwv0jSV3gBeTa2b0.jpg'); background-size:cover; transform:translate(24vw,29.5vw);}
    #pro4{background:url('http://ekladata.com/RLGavXV4ib8dPpV5NDm2P6_3uYg.jpg'); background-size:cover; transform:translate(31vw,29.5vw);}
    #pro5{background:url('http://ekladata.com/aGFshP1l9p2YnqciaurnvPZzTlc.jpg'); background-size:cover; transform:translate(38vw,29.5vw);}
    #pro6{background:url('http://ekladata.com/QQWI8tqG1fA4z7-kWl-fmD6ySQg.jpg'); background-size:cover; transform:translate(45vw,29.5vw);}
    #pro7{background:url('http://ekladata.com/LszgB__0YLtEq5pcECb2AbxDT3U.jpg'); background-size:cover; transform:translate(52vw,29.5vw);}
    #pro1:hover,#pro2:hover,#pro3:hover,#pro4:hover,#pro5:hover,#pro6:hover,#pro7:hover{z-index:5; width:60vw; height:33.75vw; border:none; box-shadow:none; transform:translate(0vw,0vw);}
    --></style>