• Montage 275a

    Survol angles. 

     

     

     

     

    <div style="position: relative; width: 80vw; height: 45vw; border: 0.4vh ridge black; margin: 1vh auto; overflow: hidden; background: url('http://ekladata.com/DGW9KWXAkCLxegoLma2i8gjVnoY.jpg'); background-size: cover;">
    <p id="bs1" class="bs">&nbsp;</p>
    <p id="bs2" class="bs">&nbsp;</p>
    <p id="bs3" class="bs">&nbsp;</p>
    <p id="bs4" class="bs">&nbsp;</p>
    </div>

    <style><!--
    .bs{position:absolute; z-index:1; width:80vw; height:45vw; background-size:cover; border:0.8vh solid white; filter:grayscale(1); transition:all 1s linear;}
    #bs1{box-sizing:border-box; background:url('http://ekladata.com/Kz-8S5lXtfrpfbtLd7FkKXI8hhU.jpg'); transform:translate(-64vw,-39vw) rotate(30deg);}
    #bs2{box-sizing:border-box; background:url('http://ekladata.com/Lb7fJP2RtQwR_Z2VrOmTVaTJqvE.jpg'); transform:translate(68vw,-33vw) rotate(-30deg);}
    #bs3{box-sizing:border-box; background:url('http://ekladata.com/1QGZ-o_EtGngXNdWBXWprzaavuQ.jpg'); transform:translate(68vw,32vw) rotate(30deg);}
    #bs4{box-sizing:border-box; background:url('http://ekladata.com/fAVr1-DS0x7KV4b4X-s-iFKBveE.jpg'); transform:translate(-70vw,29vw) rotate(-30deg);}
    #bs1:hover,#bs2:hover,#bs3:hover,#bs4:hover{z-index:5;transform:translate(0vw,0vw) rotate(0deg); filter:grayscale(0);}
    --></style>