• Mont2.22.4.23

    Pour Loneci. Désolé pour la piètre qualité de mes 6 + 1 photos ...

    SURVOL

     

     

     

     

     

     


    <div style="width: 1000px; height: 563px; border: 4px ridge white; box-shadow: 4px 4px 8px black; margin: 30px auto; text-align: left; background: url('http://ekladata.com/Lu3yTVHjV8uPYal2DrTvRDiwUho.jpg'); background-size: cover;">
    <p id="tul0">SURVOL</p>
    <p id="tul1" class="tul">&nbsp;</p>
    <p id="tul2" class="tul">&nbsp;</p>
    <p id="tul3" class="tul">&nbsp;</p>
    <p id="tul4" class="tul">&nbsp;</p>
    <p id="tul5" class="tul">&nbsp;</p>
    <p id="tul6" class="tul">&nbsp;</p>
    </div>

    #tul0{position:absolute; z-index:1; width:120px; font-size:25px; color:white; text-shadow:2px 2px black; transform:translate(700px,10px);}
    .tul{position:absolute; z-index:1; width:70px; height:70px; border:4px solid white; border-radius:50%; transition:all 1s;}
    #tul1{background:url('http://ekladata.com/mV_H61C0tTVPcpKOtuUcmkR1pYA.jpg'); background-size:1000px 563px; background-position:-850px -20px; transform:translate(850px,20px);}
    #tul2{background:url('http://ekladata.com/ogvjCds2cwNWbNbBUizblFAu7bg.jpg'); background-size:1000px 563px; background-position:-850px -100px; transform:translate(850px,100px);}
    #tul3{background:url('http://ekladata.com/cllinfhkV_r8fi4qmnFmJajozP0.jpg'); background-size:1000px 563px; background-position:-850px -180px; transform:translate(850px,180px);}
    #tul4{background:url('http://ekladata.com/ipZPuxtjXuWSZOkyq5vxkjOpQ3U.jpg'); background-size:1000px 563px; background-position:-850px -260px; transform:translate(850px,260px);}
    #tul5{background:url('http://ekladata.com/JJzSqJPl9yQCC0XghEcKBT6thDw.jpg'); background-size:1000px 563px; background-position:-850px -340px; transform:translate(850px,340px);}
    #tul6{background:url('http://ekladata.com/pO5QhROW2xAoCr4T0qYxl_j7sU4.jpg'); background-size:1000px 563px; background-position:-850px -420px; transform:translate(850px,420px);}
    #tul1:hover,#tul2:hover,#tul3:hover,#tul4:hover,#tul5:hover,#tul6:hover{z-index:5; width:1000px; height:563px; border:none; border-radius:0%; background-position:0px 0px; transform:translate(0px,0px);}
    --></style>