• Montage 21

    J'avais quelques photos verticales en stock alors, le voici dans un petit montage.

     

     

     

     

     

     

     

    Survol

    <div id="rez">
    <p id="rez1" class="rz">&nbsp;</p>
    <p id="rez2" class="rz">&nbsp;</p>
    <p id="rez3" class="rz">&nbsp;</p>
    <p id="rez4" class="rz">&nbsp;</p>
    <p id="rez5" class="rz">&nbsp;</p>
    <p id="rez6" class="rz">&nbsp;</p>
    <p id="rez7" class="rz">&nbsp;</p>
    <p id="cc">Survol</p>
    </div>

    <style type="text/css"><!--
    #rez{position:relative; width:25.3vw; height:45vw; background: radial-gradient(ellipse at center, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); border:0.4vh double grey; margin:1vh auto;}
    #cc{position:absolute; z-index:1; width: 10vw; text-align:center; transform:translate(15vw,2vw); font-size:2vw; color:grey; text-shadow:0.1vh 0.1vh black;}
    .rz{position:absolute; z-index:1; width: 5vw; height:5vw; border:0.1vw ridge white; transition:all 1s linear;}
    #rez1 {transform:translate(0vw,2vw); background:url('http://ekladata.com/KXbo_9xILaYYblMcwr4xKMb7NLE.jpg'); background-size:25.3vw 45vw; background-position:0vw -2vw;}
    #rez2 {transform:translate(0vw,8vw);background:url('http://ekladata.com/yEY6NcPbLHoE0KKqisEZoPTmqqw.jpg');background-size:25.3vw 45vw; background-position:0vw -8vw;}
    #rez3 {transform:translate(0vw,14vw); background:url('http://ekladata.com/Jktd1glMl84YBO-TP09EHV-eqig.jpg'); background-size:25.3vw 45vw; background-position:0vw -14vw;}
    #rez4 {transform:translate(0vw,20vw);background:url('http://ekladata.com/XbyZzbwdyj4ZGzClWlZxgM1vhGw.jpg');background-size:25.3vw 45vw; background-position:0vw -20vw;}
    #rez5 {transform:translate(0vw,26vw); background:url('http://ekladata.com/ijJVUA4L6PDcaruVGMBfT6itkj8.jpg'); background-size:25.3vw 45vw; background-position:0vw -26vw;}
    #rez6 {transform:translate(0vw,32vw);background:url('http://ekladata.com/f8pefbVezVYh9v5_N548lQhxX2s.jpg');background-size:25.3vw 45vw; background-position:0vw -32vw;}
    #rez7 {transform:translate(0vw,38vw);background:url('http://ekladata.com/NJRcWMxRrXUxFBh49zw-uzznKB4.jpg');background-size:25.3vw 45vw; background-position:0vw -38vw;}
    #rez1:hover,#rez2:hover,#rez3:hover,#rez4:hover,#rez5:hover,#rez6:hover,#rez7:hover{z-index:10; transform:translate(0vw,0vw); width:25.3vw; height:45vw; background-position:0vw 0vw;}
    --></style>