• Montage 118

    7 images au ratio 16/9.

     

    Clic maintenu

     

     

     

     

     

     

    <div style="width: 60vw; height: 33.75vw; margin: 1vh auto; border: 0.4vh ridge white; background:url('http://ekladata.com/DpCxCMU99VNW-Owu4MXTL5o_qdY.jpg'); background-size:cover;">
    <p id="vigfd">&nbsp;</p>
    <p id="vig0">Clic maintenu</p>
    <p id="vig1" class="vig">&nbsp;</p>
    <p id="vig2" class="vig">&nbsp;</p>
    <p id="vig3" class="vig">&nbsp;</p>
    <p id="vig4" class="vig">&nbsp;</p>
    <p id="vig5" class="vig">&nbsp;</p>
    <p id="vig6" class="vig">&nbsp;</p>
    </div>
    <style><!--
    #vigfd{position:absolute; z-index:1; width:10vw; height:33.75vw; background:rgba(0,0,0,0.3); transform:translate(50vw,0vw);}
    #vig0{position:absolute; z-index:1; width:10vw; text-align:center; font-size:1.2vw; color:white; text-shadow:0.1vh 0.1vh black; transform:translate(50vw,0vw);}
    #vg{position:absolute; z-index:5; width:10vw; height:33.75vw; text-align:center; background:rgba(0,0,0,0.5); transform:translate(50vw,0vw);}
    .vig{position:absolute; z-index:1; width:8vw; height:4.5vw; border:0.4vh solid white; box-shadow:0.4vh 0.4vh 0.6vh black;transition:all 1s linear;}
    #vig1{box-sizing:border-box; background:url('http://ekladata.com/CckC_Ta93aVjHfQxaWmIyfSl7KE.jpg'); background-size:cover; transform:translate(51vw,3vw);}
    #vig2{box-sizing:border-box; background:url('http://ekladata.com/TuVun7AiHQ0SySteLOTAQuXhJDU.jpg'); background-size:cover; transform:translate(51vw,8vw);}
    #vig3{box-sizing:border-box; background:url('http://ekladata.com/ZDKEsQqDJ1Q7OCbrxB6wvwkKX_Q.jpg'); background-size:cover; transform:translate(51vw,13vw);}
    #vig4{box-sizing:border-box; background:url('http://ekladata.com/wSczXOMBkvGASEP0fIi8_6cEWrg.jpg'); background-size:cover; transform:translate(51vw,18vw);}
    #vig5{box-sizing:border-box; background:url('http://ekladata.com/lnUIaLHPaYZZPSnb1IkYn7OaT7g.jpg'); background-size:cover; transform:translate(51vw,23vw);}
    #vig6{box-sizing:border-box; background:url('http://ekladata.com/sCHM2laZ2Ece7TnH0eJqBbu8nXQ.jpg'); background-size:cover; transform:translate(51vw,28vw);}

    #vig1:active,#vig2:active,#vig3:active,#vig4:active,#vig5:active,#vig6:active{z-index:10; width:60vw; height:33.75vw; border:none; box-shadow:none; transform:translate(0vw,0vw);}
    --></style>