• Un autre survol

    6 images au ratio 16/9 en 1920x1080px pour moi. Survol.

    Un peu Un peu Un peu Un peu Un peu Un peu

    <div style="width:60vw; height:30vw; border:0.1vh solid black; margin:0.1vh auto;">
    <img id="mont1" class="mont" src="http://ekladata.com/Jy70zTcNlNTv7jCXzm1-6gjlI04.jpg" alt="Un peu" />
    <img id="mont2" class="mont" src="http://ekladata.com/dFvhRkaoUAejcdeeRhJ1X5bXzcg.jpg" alt="Un peu" />
    <img id="mont3" class="mont" src="http://ekladata.com/e-wggOYFAyy53zwmhBwHIf5lx-A.jpg" alt="Un peu" />
    <img id="mont4" class="mont" src="http://ekladata.com/jG-ITnjbRwd69Iitr1PVyBdCqX4.jpg" alt="Un peu" />
    <img id="mont5" class="mont" src="http://ekladata.com/6_Rm_IG5-XZizijOm4IUIqJeUE4.jpg" alt="Un peu" />
    <img id="mont6" class="mont" src="http://ekladata.com/a9eldOdlFfTdbPoKL-Twtj7RYTk.jpg" alt="Un peu" />
    </div>
    <style><!--
    .mont{position:absolute; z-index:1; width:12vw; height:6.75vw; border:0.3vh solid white; box-shadow:0.3vh 0.3vh 0.6vh black;transition:all 1.5s linear;}
    #mont1{left:40vw; top:20vw;}
    #mont2{left:30vw; top:25vw;}
    #mont3{left:50vw; top:25vw;}
    #mont4{left:20vw; top:30vw;}
    #mont5{left:40vw; top:30vw;}
    #mont6{left:60vw; top:30vw;}
    #mont1:hover,#mont2:hover,#mont3:hover,#mont4:hover,#mont5:hover,#mont6:hover{z-index:100; width:100vw; height:56.25vw; left:0; top:0;}
    --></style>