• Montage 313

    7 images au ratio 16/9.

    Clic maintenu.


    <div style="width: 900px; height: 506px; border: 1px solid black; margin: 5px auto; text-align: left; background: url('http://ekladata.com/XM2PK8FW_AN7iXenBDxFc6UMc6A.jpg'); background-size: cover;">
    <p id="pro">Clic maintenu.</p>
    <img id="pro1" class="pro" src="http://ekladata.com/3xD0Tc6YWE5HbB1gJDyZO-2gZPI.jpg" alt="" /> <img id="pro2" class="pro" src="http://ekladata.com/66Erh-lYfLr65vsbsHMRWersj8s.jpg" alt="" /> <img id="pro3" class="pro" src="http://ekladata.com/5s5-HbLC1kBzU7jeCG9Pv5QEa5c.jpg" alt="" /> <img id="pro4" class="pro" src="http://ekladata.com/kyEM3Qo9sgAl5T4_Dnj0QaYBilQ.jpg" alt="" /> <img id="pro5" class="pro" src="http://ekladata.com/MHA8EtY-koKGtqLFwhu-_ikWYhs.jpg" alt="" /> <img id="pro6" class="pro" src="http://ekladata.com/PsIfB1CIJJOsOocV3auN8om7szU.jpg" alt="" /></div>

    <style><!--
    #pro{position:absolute; z-index:1; width:900px; height:506px; background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7)18%,rgba(255,255,255,0) 40%,rgba(255,255,255,0)100%);font-size:20px; text-align:center;}
    .pro{position:absolute; z-index:1; width:100px; height:100px; border:3px solid white; border-radius:50%; background:url('http://ekladata.com/3xD0Tc6YWE5HbB1gJDyZO-2gZPI.jpg'); background-size:cover; transition:all 1s linear;}
    #pro1{box-sizing:border-box; transform:translate(40px,30px) rotatey(180deg);}
    #pro2{box-sizing:border-box; transform:translate(180px,30px) rotatey(180deg);}
    #pro3{box-sizing:border-box; transform:translate(320px,30px) rotatey(180deg);}
    #pro4{box-sizing:border-box; transform:translate(460px,30px) rotatey(180deg);}
    #pro5{box-sizing:border-box; transform:translate(600px,30px) rotatey(180deg);}
    #pro6{box-sizing:border-box; transform:translate(740px,30px) rotatey(180deg);}
    #pro1:active,#pro2:active,#pro3:active,#pro4:active,#pro5:active,#pro6:active{z-index:5; width:900px; height:506px; border-radius:0%; transform:translate(0px,0px) rotatex(0deg);}
    --></style>