• Diaporama 26

    Survolez les angles arrondis, type blocage photos des albums
    Photos du style Eki Eder.

     

     

     

     

    5 photos en 800x600px.
    <div id="mg">
    <p id="cp1">&nbsp;</p>
    <p id="cp2">&nbsp;</p>
    <p id="cp3">&nbsp;</p>
    <p id="cp4">&nbsp;</p>
    </div>
    <style><!--
    #mg{position:relative; margin:10px auto; width:800px; height:600px; border:4px double white; background:url('http://ekladata.com/DNmfVClhRD963jtHj8YXLNLmiOY/DSCN6139f.jpg'); overflow:hidden;}
    #cp1{transition:all 1s linear; position:absolute; z-index:2; transform:translate(-100px,-110px); width:200px; height:200px; border:2px solid white; border-radius:50%; background-position:top left; background-size:cover; background:url('http://ekladata.com/Vr4jyTSCOu855r8AX2amgfrHA5M/DSCN6217f.jpg');}
    #cp2{transition:all 1s linear; position:absolute; z-index:2; transform:translate(690px,-110px); width:200px; height:200px; border:2px solid white; border-radius:50%; background-position:top right; background-size:cover; background:url('http://ekladata.com/a7DkD_APj1_9xeRvifTnITP9nLs/DSCN6135f.jpg');}
    #cp3{transition:all 1s linear; position:absolute; z-index:2; transform:translate(-100px,500px); width:200px; height:200px; border:2px solid white; border-radius:50%; background-position:bottom left; background-size:cover; background:url('http://ekladata.com/MYEQRJ299xohNXmqTKOuhbUndGI/DSCN6140f.jpg');}
    #cp4{transition:all 1s linear; position:absolute; z-index:2; transform:translate(700px,500px); width:200px; height:200px; border:2px solid white; border-radius:50%; background-position:bottom right; background-size:cover; background:url('http://ekladata.com/9MfwwdXRmioG2CmaKvfeLOBCLVA/DSCN6147f.jpg');}
    #cp1:hover{z-index:5; width:800px; height:600px; transform:translate(0px,0px); border-radius:0%; border:0px;}
    #cp2:hover{z-index:5; width:800px; height:600px; transform:translate(0px,0px); border-radius:0%; border:0px;}
    #cp3:hover{z-index:5; width:800px; height:600px; transform:translate(0px,0px); border-radius:0%; border:0px;}
    #cp4:hover{z-index:5; width:800px; height:600px; transform:translate(0px,0px); border-radius:0%; border:0px;}
    --></style>