• Plein écran 8

    8 images hébergées en 1920x1080px. Survol pour agrandir et colore, clic pour agrandir dans une nouvelle page et clic pour afficher en plein écran.


    <div style="width: 60vw; height: 33.75vw; margin: 1vh auto; text-align: left;"><a href="http://ekladata.com/zQiYYwlogc75wjkPVoaT3z4vAC4.jpg" target="_blank"><img id="sec1" class="sec" src="http://ekladata.com/zQiYYwlogc75wjkPVoaT3z4vAC4@1152x648.jpg" alt="" /></a> <a href="http://ekladata.com/jg_q2kAwu-lnfiU9uctxKpcMZA8.jpg" target="_blank"><img id="sec2" class="sec" src="http://ekladata.com/jg_q2kAwu-lnfiU9uctxKpcMZA8@1152x648.jpg" alt="" /></a> <a href="http://ekladata.com/Ciqoe2h_fvREf3xAxrbjCfr_-dU.jpg" target="_blank"><img id="sec3" class="sec" src="http://ekladata.com/Ciqoe2h_fvREf3xAxrbjCfr_-dU@1152x648.jpg" alt="" /></a> <a href="http://ekladata.com/WKk0GadlOKpxXRiTSNEmZy0CskA.jpg" target="_blank"><img id="sec4" class="sec" src="http://ekladata.com/WKk0GadlOKpxXRiTSNEmZy0CskA@1152x648.jpg" alt="" /></a> <a href="http://ekladata.com/t3lWF6iE9lIYgDGiPf8fiyuU5uw.jpg" target="_blank"><img id="sec5" class="sec" src="http://ekladata.com/t3lWF6iE9lIYgDGiPf8fiyuU5uw@1152x648.jpg" alt="" /></a> <a href="http://ekladata.com/KGm7Yc63-bACO4KviBEH1kj2gfQ.jpg" target="_blank"><img id="sec6" class="sec" src="http://ekladata.com/KGm7Yc63-bACO4KviBEH1kj2gfQ@1152x648.jpg" alt="" /></a> <a href="http://ekladata.com/KL5q6NrDINLWkLREQiny2x17dOg.jpg" target="_blank"><img id="sec7" class="sec" src="http://ekladata.com/KL5q6NrDINLWkLREQiny2x17dOg@1152x648.jpg" alt="" /></a> <a href="http://ekladata.com/jgQJFiYol6rIwRZWzj3Umi6zewA.jpg" target="_blank"><img id="sec8" class="sec" src="http://ekladata.com/jgQJFiYol6rIwRZWzj3Umi6zewA@1152x648.jpg" alt="" /></a></div>
    <style><!--
    .sec{position:absolute; z-index:1; width:60vw; height:33.75vw; border:0.4vh solid white; filter:grayscale(1); -webkit-filter:grayscale(1); transition:transform 1s linear 0s,filter 1s linear 1s;}
    #sec1{box-sizing:border-box; transform-origin:left center; transform:translate(0vw,0vw) perspective(20vw) rotatey(63deg);}
    #sec2{box-sizing:border-box; transform-origin:right center; transform:translate(-45vw,0vw) perspective(20vw) rotatey(-63deg);}
    #sec3{box-sizing:border-box; transform-origin:left center; transform:translate(15vw,0vw) perspective(20vw) rotatey(63deg);}
    #sec4{box-sizing:border-box; transform-origin:right center; transform:translate(-30vw,0vw) perspective(20vw) rotatey(-63deg);}
    #sec5{box-sizing:border-box; transform-origin:left center; transform:translate(30vw,0vw) perspective(20vw) rotatey(63deg);}
    #sec6{box-sizing:border-box; transform-origin:right center; transform:translate(-15vw,0vw) perspective(20vw) rotatey(-63deg);}
    #sec7{box-sizing:border-box; transform-origin:left center; transform:translate(45vw,0vw) perspective(20vw) rotatey(63deg);}
    #sec8{box-sizing:border-box; transform-origin:right center; transform:translate(0vw,0vw) perspective(20vw) rotatey(-63deg);}
    #sec1:hover,#sec2:hover,#sec3:hover,#sec4:hover,#sec5:hover,#sec6:hover,#sec7:hover,#sec8:hover{z-index:5; transform:translate(0vw,0vw) perspective(200vw) rotatey(0deg); filter:grayscale(0); -webkit-filter:grayscale(0);}
    --></style>