-
Montage 54
Clic maintenu jusqu'à coloration.
<div style="width: 60vw; height: 33.75vw; border: 0.6vh ridge white; margin: 1vh auto; background: linear-gradient(45deg, #bf6e4e 0%,#8c3310 25%,#bf6e4e 50%,#752201 75%,#bf6e4e 100%);">
<p id="enc0">Clic maintenu jusqu'à coloration.</p>
<p id="enca" class="enc"> </p>
<p id="encb" class="enc"> </p>
<p id="encc" class="enc"> </p>
<p id="encd" class="enc"> </p>
<p id="ence" class="enc"> </p>
<p id="encf" class="enc"> </p>
<p id="encg" class="enc"> </p>
<p id="ench" class="enc"> </p>
<p id="encj" class="enc"> </p>
<p id="enck" class="enc"> </p>
</div>
<style><!--
#enc0{position:absolute; z-index:1; width:35vw; text-align:center; font-size:1.5vw; color:aqua; text-shadow:0.1vh 0.1vh brown; transform:translate(26vw,0vw); transition:all 1s linear;}
.enc{position:absolute; z-index:1; box-sizing:border-box; border:0.4vh solid white; box-shadow:0.4vh 0.4vh 0.8vh black; filter:grayscale(1); -webkit-filter:grayscale(1);transition:transform 1s linear 0s, width 1s linear 0s, height 1s linear 0s, border 1s linear 0s, box-shadow 1s linear 0s, background 1s linear 0s, filter 1s linear 1.5s;}
#enca{width:20vw; height:20vw;transform:translate(2vw,0vw) perspective(10vw) rotatey(10deg) scale3d(0.8,0.8,0.5); background:url('http://ekladata.com/weDjhX3jzxJ-0nSY_A88VgZw3sg.jpg'); background-size:60vw 33.75vw; background-position:-2vw -0vw;}
#encb{width:15.5vw; height:15.5vw;transform:translate(18.5vw,2.2vw) perspective(10vw) rotatey(10deg) scale3d(0.8,0.8,0.5); background:url('http://ekladata.com/4I3l5ZmVPJcEeFcP3fPcv-anxME.jpg'); background-size:60vw 33.75vw; background-position:-18.5vw -2.2vw;}
#encc{width:12.5vw; height:12.5vw;transform:translate(31.2vw,3.7vw) perspective(10vw) rotatey(10deg) scale3d(0.8,0.8,0.5) ; background:url('http://ekladata.com/LJ3RQKt-pDYxKtXRX65tq4FXvfY.jpg'); background-size:60vw 33.75vw; background-position:-31.2vw -3.7vw;}
#encd{width:10.5vw; height:10.5vw;transform:translate(41.6vw,4.7vw) perspective(10vw) rotatey(10deg) scale3d(0.8,0.8,0.5); background:url('http://ekladata.com/rGpaTyY_O2a66_W8X5QR9CEQ8qA.jpg'); background-size:60vw 33.75vw; background-position:-41.6vw -4.7vw;}
#ence{width:9vw; height:9vw;transform:translate(50.3vw,5.4vw) perspective(10vw) rotatey(10deg) scale3d(0.8,0.8,0.5); background:url('http://ekladata.com/fo1LdJbuwM35RtpozpTyz6hR1_s.jpg'); background-size:60vw 33.75vw; background-position:-50.3vw -5.4vw;}
#encf{width:20vw; height:20vw;transform:translate(37.1vw,14vw) perspective(10vw) rotatey(-10deg) scale3d(0.8,0.8,0.5); transform-origin:center right; background:url('http://ekladata.com/ME9iouIGlU6A9geIHNtxiyTOtrE.jpg'); background-size:60vw 33.75vw; background-position:-37vw -14vw;}
#encg{width:15.5vw; height:15.5vw;transform:translate(29vw,16.3vw) perspective(10vw) rotatey(-10deg) scale3d(0.8,0.8,0.5);transform-origin:center right; transform-origin:center right; background:url('http://ekladata.com/BSCeDGr-8bNwhFKJwjQnYmENEnI.jpg'); background-size:60vw 33.75vw; background-position:-29vw -16.3vw;}
#ench{width:12.4vw; height:12.4vw;transform:translate(21.7vw,17.9vw) perspective(10vw) rotatey(-10deg) scale3d(0.8,0.8,0.5); transform-origin:center right; background:url('http://ekladata.com/PVWQf4L7S05I4WLcdD4CIYFab_g.jpg'); background-size:60vw 33.75vw; background-position:-21.7vw -17.9vw;}
#encj{width:10.5vw; height:10.5vw;transform:translate(14.9vw,18.8vw) perspective(10vw) rotatey(-10deg) scale3d(0.8,0.8,0.5); transform-origin:center right; background:url('http://ekladata.com/SLo5lkMPpBWQbSxbWYCk2iKkZy4.jpg'); background-size:60vw 33.75vw; background-position:-14.9vw -18.8vw;}
#enck{width:9vw; height:9vw;transform:translate(8.8vw,19.5vw) perspective(10vw) rotatey(-10deg) scale3d(0.8,0.8,0.5); transform-origin:center right; background:url('http://ekladata.com/uWr-QokpdECxLnVYiRb9In-9ON4.jpg'); background-size:60vw 33.75vw; background-position:-8.8vw -19.5vw;}
#enca:active,#encb:active,#encc:active,#encd:active,#ence:active,#encf:active,#encg:active,#ench:active,#encj:active,#enck:active{z-index:10; width:60vw; height:33.75vw; border:none; box-shadow:none;background-position:0vw 0vw; transform:translate(0vw,0vw) perspective(100vw) rotatey(0deg)scale3d(1,1,1); filter:grayscale(0); -webkit-filter:grayscale(0);}
--></style>