• Montage 275

    5 images au ratio 16/9; survol des angles. 

     

     

     

     

    <div style="position: relative; width: 80vw; height: 45vw; border: 0.2vh ridge black; margin:0.4vh auto; overflow: hidden; background:url('http://ekladata.com/DGW9KWXAkCLxegoLma2i8gjVnoY.jpg'); background-size:cover;">
    <p id="bsa1" class="bsa">&nbsp;</p>
    <p id="bsa2" class="bsa">&nbsp;</p>
    <p id="bsa3" class="bsa">&nbsp;</p>
    <p id="bsa4" class="bsa">&nbsp;</p>
    </div>

    <style><!--
    .bsa{position:absolute; z-index:1; width:80vw; height:45vw; background-size:cover; border:0.8vh solid white; filter:grayscale(1); transition:all 1s linear;}
    #bsa1{box-sizing:border-box; background:url('http://ekladata.com/Kz-8S5lXtfrpfbtLd7FkKXI8hhU.jpg'); transform:translate(-8vw,-38vw) rotate(-14deg);}
    #bsa2{box-sizing:border-box; background:url('http://ekladata.com/Lb7fJP2RtQwR_Z2VrOmTVaTJqvE.jpg'); transform:translate(70vw,-25vw) rotate(-27deg);}
    #bsa3{box-sizing:border-box; background:url('http://ekladata.com/1QGZ-o_EtGngXNdWBXWprzaavuQ.jpg'); transform:translate(12vw,35vw) rotate(-15deg);}
    #bsa4{box-sizing:border-box; background:url('http://ekladata.com/fAVr1-DS0x7KV4b4X-s-iFKBveE.jpg'); transform:translate(-69vw,25vw) rotate(-27deg);}
    #bsa1:hover,#bsa2:hover,#bsa3:hover,#bsa4:hover{z-index:5;transform:translate(0vw,0vw) rotate(0deg); filter:grayscale(0);}
    --></style>