• Montage 19

     

     

     

     

     

     

     

     

     


    <div style="width: 60vw; height: 33.75vw; border: 0.4vw solid grey; margin: 1vh auto;">
    <p id="pp1">&nbsp;</p>
    <p id="pp2">&nbsp;</p>
    <p id="pp3">&nbsp;</p>
    <p id="pp4">&nbsp;</p>
    <p id="pp5">&nbsp;</p>
    <p id="pp6">&nbsp;</p>
    <p id="pp7">&nbsp;</p>
    <p id="pp8">&nbsp;</p>
    </div>

    <style><!--
    #pp1{position:absolute; z-index:1; width:60vw; height:33.75vw; transition:transform 0.5s linear 0s, width 0.5s linear 0s, height 0.5s linear 0s, filter 0.5s linear 0.5s; transform:translate(0vw,0vw); box-sizing:border-box;background:url('http://ekladata.com/Uwqmwaxe0m9r9bEhS3gmTFIts0o.jpg'); background-size:cover; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp2{position:absolute; z-index:2; width:53vw; height:29.8vw; border:0.4vw solid grey; transition:transform 0.6s linear 0s, width 0.6s linear 0s, height 0.6s linear 0s, filter 0.6s linear 0.6s;transform:translate(3.5vw,4.3vw); box-sizing:border-box; background:url('http://ekladata.com/MkWRk5iTekNFNh84EsQYE9tnFws.jpg'); background-size:cover; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp3{position:absolute; z-index:2; width:46vw; height:25.8vw; border:0.4vw solid grey; transition:transform 0.7s linear 0s, width 0.7s linear 0s, height 0.7s linear 0s, filter 0.7s linear 0.7s;transform:translate(7vw,8.35vw); box-sizing:border-box; background:url('http://ekladata.com/ARAhXNA4hH9Bov2Agmm1F7L1RWs.jpg'); background-size:cover; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp4{position:absolute; z-index:3; width:39vw; height:21.9vw; border:0.4vw solid grey; transition:transform 0.8s linear 0s, width 0.8s linear 0s, height 0.8s linear 0s, filter 0.8s linear 0.8s;transform:translate(10.5vw,12.2vw); box-sizing:border-box; background:url('http://ekladata.com/oO5BgSkg-pn9gdxoFWaTxLWz0lk.jpg'); background-size:cover; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp5{position:absolute; z-index:4; width:32vw; height:18vw; border:0.4vw solid grey; transition:transform 0.9s linear 0s, width 0.9s linear 0s, height 0.9s linear 0s, filter 0.9s linear 0.9s;transform:translate(14vw,16.1vw); box-sizing:border-box; background:url('http://ekladata.com/NcFLnKmTBENk7n-kOgyxu5CST2E.jpg'); background-size:cover; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp6{position:absolute; z-index:5; width:25vw; height:14vw; border:0.4vw solid grey; transition:transform 1s linear 0s, width 1s linear 0s, height 1s linear 0s, filter 1s linear 1s;transform:translate(17.5vw,20.1vw); box-sizing:border-box; background:url('http://ekladata.com/ZVvaSbyE0oY2JNUdb_YgWxYwaXA.jpg'); background-size:cover; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp7{position:absolute; z-index:6; width:18vw; height:10.1vw; border:0.4vw solid grey; transition:transform 1s linear 0s, width 1s linear 0s, height 1s linear 0s, filter 1s linear 1s;transform:translate(21vw,24vw); box-sizing:border-box; background:url('http://ekladata.com/W-6EoR1NhFRZKAwu-7eV8txVARQ.jpg'); background-size:cover; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp8{position:absolute; z-index:6; width:11vw; height:6.18vw; border:0.4vw solid grey; transition:transform 1.2s linear 0s, width 1.2s linear 0s, height 1.2s linear 0s, filter 1.2s linear 1.2s;transform:translate(24.5vw,27.8vw); box-sizing:border-box; background:url('http://ekladata.com/qWZ-mtSED4VwwX4Bf3maCDaP718.jpg'); background-size:cover; -webkit-filter:grayscale(1); filter:grayscale(1);}
    #pp1:active,#pp2:active,#pp3:active,#pp4:active,#pp5:active,#pp6:active,#pp7:active,#pp8:active{z-index:10; width:60vw; height:33.75vw; transform:translate(0vw,0vw); border:none; -webkit-filter:grayscale(0); filter:grayscale(0);}
    --></style>