• Pas clip.

    Survolez les vignettes.

     

     

     

     


    <div id="cad">
    <p id="rem1">&nbsp;</p>
    <p id="rem2">&nbsp;</p>
    <p id="rem3">&nbsp;</p>
    <p id="rem4">&nbsp;</p>
    </div>

    <style><!--
    #cad{position:relative; width:800px; height:600px; margin:10px auto; background:url(http://ekladata.com/K8n_UnxjiPocmAbLGvLO__3etfE/1359.jpg); box-sizing:border-box; border:6px ridge grey;}
    #rem1 {position:absolute; z-index:5; transition:all 1s linear; transform:translate(100px,100px) rotate(25deg); width:200px; height:200px; box-sizing:border-box; border: 4px solid white; background:url(http://ekladata.com/yA-Mst4vhgDKqpj3DES3dT7hlO8/1412.jpg); background-position: 50% 50%;}
    #rem2 {position:absolute; z-index:5; transition:all 1s linear; transform:translate(50px,350px) rotate(0deg); width:200px; height:200px; border-radius:50%; box-sizing:border-box; border: 4px solid white; background:url(http://ekladata.com/ZOOj6yf231mReDMC9U2qYFUFrG4/1444.jpg); background-position: 62% 40%;}
    #rem3 {position:absolute; z-index:5; transition:all 1s linear; transform:translate(450px,100px) rotate(-25deg); width:250px; height:200px; border-radius:50%; box-sizing:border-box; border: 4px solid white; background:url(http://ekladata.com/XN8il3VHIARLZU41ZLfdRG5usxg/1445.jpg); background-position: 30% 40%;}
    #rem4 {position:absolute; z-index:5; transition:all 1s linear; transform:translate(350px,400px) rotate(0deg); width:250px; height:150px; border-radius:0%; box-sizing:border-box; border: 4px solid white; background:url(http://ekladata.com/itfcbyxVf3O1v8NmJnQLD1xNltc/1447.jpg); background-position: 50% 30%;}

    #rem1:hover, #rem2:hover, #rem3:hover, #rem4:hover{z-index:10; width:800px; height:600px; border:0px; transform:translate(0px,0px); border-radius:0%;}
    --></style>