• Art.18c.2.22

    Variante

    SURVOL

     

     

     

     

     

     

    *************
    <div style="width: 1000px; height: 563px; margin: 25px auto; text-align: left;">
    <p id="sv">SURVOL</p>
    <p id="prt1" class="prt">&nbsp;</p>
    <p id="prt2" class="prt">&nbsp;</p>
    <p id="prt3" class="prt">&nbsp;</p>
    <p id="prt4" class="prt">&nbsp;</p>
    <p id="prt5" class="prt">&nbsp;</p>
    <p id="prt6" class="prt">&nbsp;</p>
    </div>
    <style><!--
    #sv{position:absolute; z-index:1; width:120px; font-size:25px; transform:translate(250px,270px);}
    .prt{position:absolute; z-index:1; width:250px; height:250px; border-radius:50%; background-size:1000px 563px; transition:all 1s;}
    #prt1{background:url('http://ekladata.com/uRZmfn3OoJOZ-KxOZWFsRZQxPo8@1000x563.jpg'); background-position:0px 0px; transform:translate(0px,0px);}
    #prt2{background:url('http://ekladata.com/Plqup3u0rfuppTq6AP8UiJDFAzk@1000x563.jpg'); background-position:-375px 0px; transform:translate(375px,0px);}
    #prt3{background:url('http://ekladata.com/fZJTWi0vGUzmaZoA1ReS1h4Cgxk@1000x563.jpg'); background-position:-750px 0px; transform:translate(750px,0px);}
    #prt4{background:url('http://ekladata.com/lVgqvlrNEBnkxw6kFHfrbrKe6pA@1000x563.jpg'); background-position:0px -313px; transform:translate(0px,313px);}
    #prt5{background:url('http://ekladata.com/VVDDusToN7OU3af_FOnHxSrYZ8U@1000x563.jpg'); background-position:-375px -313px; transform:translate(375px,313px);}
    #prt6{background:url('http://ekladata.com/v2_TMMSkGVf32jmETnzbgv5PrPs@1000x563.jpg'); background-position:-750px -313px; transform:translate(750px,313px);}
    #prt1:hover,#prt2:hover,#prt3:hover,#prt4:hover,#prt5:hover,#prt6:hover{z-index:5; width:1000px; height:563px; border-radius:0%; background-position:0px 0px;transform:translate(0px,0px);}
    --></style>