Art.18.7.21

Tirez sur l'angle bas droit de l'image au premier plan, à gauche: votre surseur devient deux flèches;

La commande de l'animation est bien trop petite mais je ne sais pas comment l'agrandir.

*******************
<div style="width: 1000px; height: 562px; margin: 20px auto; text-align: left; border: 1px solid black;">
<p id="rz1" class="rz">&nbsp;</p>
<p id="rz2" class="rz" style="width: 527px;">&nbsp;</p>
</div>

<style><!--
.rz{position:absolute; z-index:1; width:1000px; height:562px;background:url('http://ekladata.com/bXb7Ax_6dzfEzuxTGD4YrFg7-7o@1000x562.jpg'); background-size:1000px 562px;}
#rz1{filter:hue-rotate(45deg);}
#rz2{width:500px; border-right:2px solid white; resize:horizontal; overflow:auto; max-width:990px;}
--></style>

Dans mon exemple, l'image de fond reçoit un filtre hue-rotate de 45deg; vous pouvez vous amuser à modifier cette valeur.