• Montage 82

    8+1 images au ratio 16/9.

    Clic maintenu

     

     

     

     

     

     

     

     

    <div style="width: 60vw; height: 33.75vw; margin: 1vh auto; border: 0.6vh ridge white; background: url('http://ekladata.com/xvLvqmm_w8fsmqyZZm7eWO1uXik.jpg'); background-size: cover;">
    <p id="pro0">Clic maintenu</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>
    <p id="pro8" 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{position:absolute; z-index:1; width:15vw; background:rgba(0,0,0,0.5); text-align:center; line-height:4.5vw; font-size:1.5vw; color:white; text-shadow:0.1vh 0.1vh black; transform:translate(1vw,1vw);}
    #pro1{background:url('http://ekladata.com/WcsQW8Ae5zGBXPeo-ojqmRAFP4w.jpg'); background-size:cover; transform:translate(3vw,29.5vw) rotatey(180deg);}
    #pro2{background:url('http://ekladata.com/X5w1YidaLpGwMgfD1bQ8twhmIbA.jpg'); background-size:cover; transform:translate(10vw,29.5vw) rotatey(180deg);}
    #pro3{background:url('http://ekladata.com/937J15ciZ6NZBmJ1ugvc_VhYlX8.jpg'); background-size:cover; transform:translate(17vw,29.5vw) rotatey(180deg);}
    #pro4{background:url('http://ekladata.com/HSQyFlLInV8NvzhemGsvz4Yy7_w.jpg'); background-size:cover; transform:translate(24vw,29.5vw) rotatey(180deg);}
    #pro5{background:url('http://ekladata.com/bL1hFPUdVSAKH8NnQHRlbxi6wfg.jpg'); background-size:cover; transform:translate(31vw,29.5vw) rotatey(180deg);}
    #pro6{background:url('http://ekladata.com/kWfTQImGucT2poJoOYigU75RCWM.jpg'); background-size:cover; transform:translate(38vw,29.5vw) rotatey(180deg);}
    #pro7{background:url('http://ekladata.com/gh7f6jzr2RzDBzBobHZWOFFPr2w.jpg'); background-size:cover; transform:translate(45vw,29.5vw) rotatey(180deg);}
    #pro8{background:url('http://ekladata.com/scuL-WAoQXob8IwiB6abHuHdwNg.jpg'); background-size:cover; transform:translate(52vw,29.5vw) rotatey(180deg);}
    #pro1:active,#pro2:active,#pro3:active,#pro4:active,#pro5:active,#pro6:active,#pro7:active,#pro8:active{z-index:5; width:60vw; height:33.75vw; border:none; box-shadow:none; transform:translate(0vw,0vw) rotatey(0deg);}
    --></style>