af

le code pour 14 images hébergées sur Goopics:

<div style="width:1200px; height:675px; margin:30px 0px 30px -20px;">

<img id="can1" class="can" src="https://i.goopics.net/5j5osc.png">

<img id="can2" class="can" src="https://i.goopics.net/4ymn5x.png">

<img id="can3" class="can" src="https://i.goopics.net/hcb5ln.png">

<img id="can4" class="can" src="https://i.goopics.net/xjpul6.png">

<img id="can11" class="can" src="https://i.goopics.net/1xy9cf.png">

<img id="can12" class="can" src="https://i.goopics.net/6c2qm8.png">

<img id="can13" class="can" src="https://i.goopics.net/6amwm0.png">

<img id="can14" class="can" src="https://i.goopics.net/yyvwtd.png">

<img id="can5" class="can" src="https://i.goopics.net/9anvzs.png">

<img id="can6" class="can" src="https://i.goopics.net/5iodh7.png">

<img id="can7" class="can" src="https://i.goopics.net/fh39g8.png">

<img id="can8" class="can" src="https://i.goopics.net/fhrfdn.png">

<img id="can9" class="can" src="https://i.goopics.net/a2nuch.png">

<img id="can10" class="can" src="https://i.goopics.net/l2wo1a.png">

<p id="sv">SURVOL</p>

</div>

<style><!--

#sv{position:absolute; width:150px; font-size:35px; transform:translate(525px,280px);}

.can{position:absolute; box-sizing:border-box; width:280px; height:214px; border:4px solid white; transition:all 1s;}

#can1{transform:translate(10px,0px);}

#can2{transform:translate(310px,0px);}

#can3{transform:translate(610px,0px);}

#can4{transform:translate(910px,0px);}

#can5{transform:translate(160px,100px);}

#can6{transform:translate(460px,100px);}

#can7{transform:translate(760px,100px);}

#can8{transform:translate(160px,360px);}

#can9{transform:translate(460px,360px);}

#can10{transform:translate(760px,360px);}

#can11{transform:translate(10px,460px);}

#can12{transform:translate(310px,460px);}

#can13{transform:translate(610px,460px);}

#can14{transform:translate(910px,460px);}

#can1:hover,#can2:hover,#can3:hover,#can4:hover,#can5:hover,#can6:hover,#can7:hover,#can8:hover,#can9:hover,#can10:hover,#can11:hover,#can12:hover,#can13:hover,#can14:hover{z-index:10; width:1200px; height:675px; border:6px ridge white; transform:translate(0px,0px);}

--></style>

SURVOL