• Exemple 72

     8 images au ratio 16/9. Survol

     

     

     

     

     

     

     

     


    <div style="width: 60vw; height: 33.75vw; margin: 1vh auto;">
    <p id="fg1" class="fg">&nbsp;</p>
    <p id="fg2" class="fg">&nbsp;</p>
    <p id="fg3" class="fg">&nbsp;</p>
    <p id="fg4" class="fg">&nbsp;</p>
    <p id="fg5" class="fg">&nbsp;</p>
    <p id="fg6" class="fg">&nbsp;</p>
    <p id="fg7" class="fg">&nbsp;</p>
    <p id="fg8" class="fg">&nbsp;</p>
    </div>
    <style><!--
    .fg{position:absolute; z-index:1; width:5vw; height:15vw; background-size:60vw 33.75vw; transition:all 1s linear;}
    #fg1{background:url('http://ekladata.com/YT7zr5z_ZQ3pJRdOf-NrRRxZcbo@1152x648.jpg'); background-position:0vw 0vw; transform:translate(0vw,0vw);}
    #fg2{background:url('http://ekladata.com/z2GRh6YhvuJBL0um1Fy0-7rdxtM@1152x648.jpg'); background-position:-7.5vw -2vw; transform:translate(7.5vw,2vw);}
    #fg3{background:url('http://ekladata.com/EKFJDnJ3oh69nqzw5OHIqgaAjR4@1152x648.jpg'); background-position:-15vw -4vw; transform:translate(15vw,4vw);}
    #fg4{background:url('http://ekladata.com/euW5PpxEAgx-tgGWs2NPaZx8tj8@1152x648.jpg'); background-position:-22.5vw -6vw; transform:translate(22.5vw,6vw);}
    #fg5{background:url('http://ekladata.com/Y5Y96nNBjLKtguyMV87PVaYwlwU@1152x648.jpg'); background-position:-30vw -8vw; transform:translate(30vw,8vw);}
    #fg6{background:url('http://ekladata.com/VWYikqTTqxGHvYgdCMdLPJKjrvs@1152x648.jpg'); background-position:-37.5vw -10vw; transform:translate(37.5vw,10vw);}
    #fg7{background:url('http://ekladata.com/8wRsa6aIsntPS5PVZMHgoTXFFJw@1152x648.jpg'); background-position:-45vw -12vw; transform:translate(45vw,12vw);}
    #fg8{background:url('http://ekladata.com/1mJaL1gcPGeImXe2M-6MeZRg1LU@1152x648.jpg'); background-position:-52.5vw -14vw; transform:translate(52.5vw,14vw);}
    #fg1:hover,#fg2:hover,#fg3:hover,#fg4:hover,#fg5:hover,#fg6:hover,#fg7:hover,#fg8:hover{z-index:5; width:60vw; height:33.75vw; background-position:0vw 0vw; transform:translate(0vw,0vw);}
    --></style>