• Montage 20

    Clic maintenu

     

     

     

     

     

     

     

     

     

    <div style="width: 60vw; height: 33.75vw; border: 0.4vh solid white; margin: 1vh auto;">
    <p id="pp1" class="ppa">&nbsp;</p>
    <p id="pp2" class="ppa">&nbsp;</p>
    <p id="pp3" class="ppa">&nbsp;</p>
    <p id="pp4" class="ppa">&nbsp;</p>
    <p id="pp5" class="ppa">&nbsp;</p>
    <p id="pp6" class="ppa">&nbsp;</p>
    <p id="pp7" class="ppa">&nbsp;</p>
    <p id="pp8" class="ppa">&nbsp;</p>
    <p id="pp9" class="ppa">&nbsp;</p>
    </div>
    <p style="text-align: center;">Lien vers page <a href="http://pourquoipas732.eklablog.com/montage-14-p1355572" target="_blank">Montage 14</a>.&nbsp;&nbsp;</p>
    <p style="text-align: center;">Lien vers page <a href="http://pourquoipas732.eklablog.com/montage-15-p1355618" target="_blank">Montage 15</a>.&nbsp;&nbsp;</p>
    <style><!--
    .ppa{position:absolute; z-index:1; width:20vw; height:11.25vw; border:0.4vh solid white; transition:transform 1s linear 0s,width 1s linear 0s, height 1s linear 0s, filter 1s linear 1s;}

    #pp1{transform:translate(0vw,0vw) rotatey(180deg); box-sizing:border-box;background:url('http://ekladata.com/3Foh1c3lK8luOGL77odFKIoO3C8.jpg'); background-size:60vw 33.75vw; background-position:0vw 0vw; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp2{transform:translate(20vw,0vw) rotatey(180deg); box-sizing:border-box; background:url('http://ekladata.com/ysFrTPv4rQE6wnaoiP8CwLgvXwk.jpg'); background-size:60vw 33.75vw;background-position:-20vw 0vw; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp3{transform:translate(40vw,0vw) rotatey(180deg); box-sizing:border-box; background:url('http://ekladata.com/KAJwvEIqOP1bpJQQ4W_CrGHK-cw.jpg'); background-size:60vw 33.75vw;background-position:-40vw 0vw; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp4{transform:translate(0vw,11.25vw) rotatey(180deg); box-sizing:border-box; background:url('http://ekladata.com/49P3m8dh_tj2SdqpzB1HKm2yfxE.jpg'); background-size:60vw 33.75vw;background-position:0vw -11.25vw; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp5{transform:translate(20vw,11.25vw) rotatey(180deg); box-sizing:border-box; background:url('http://ekladata.com/cXOsEpnXVFGbRwcEcBDPpgY9aig.jpg'); background-size:60vw 33.75vw;background-position:-20vw -11.25vw; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp6{transform:translate(40vw,11.25vw) rotatey(180deg); box-sizing:border-box; background:url('http://ekladata.com/0tpjZ9X3-CUyL13foQ2RqhNk_rk.jpg'); background-size:60vw 33.75vw;background-position:-40vw -11.25vw; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp7{transform:translate(0vw,22.5vw) rotatey(180deg); box-sizing:border-box; background:url('http://ekladata.com/O-iYDFht21sSTXcrqnBo7KOgDOk.jpg'); background-size:60vw 33.75vw;background-position:0vw -22.5vw; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp8{transform:translate(20vw,22.5vw) rotatey(180deg); box-sizing:border-box; background:url('http://ekladata.com/N9YXTXcDvNP4ZVvNl0FTKqtttH4.jpg'); background-size:60vw 33.75vw;background-position:-20vw -22.5vw; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp9{transform:translate(40vw,22.5vw) rotatey(180deg); box-sizing:border-box; background:url('http://ekladata.com/7wHAlg13tGI2zBOqTiHgP1ZqNlQ.jpg'); background-size:60vw 33.75vw;background-position:-40vw -22.5vw; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp1:active,#pp2:active,#pp3:active,#pp4:active,#pp5:active,#pp6:active,#pp7:active,#pp8:active,#pp9:active{z-index:10; width:60vw; height:33.75vw;background-position:0vw 0vw; transform:translate(0vw,0vw) rotatey(0deg); -webkit-filter:grayscale(0); filter:grayscale(0);}
    --></style>