Art.18b.7.21

Un code tout simple qui plaisait bien à Loneci; Survol.

**************
<p id="jard">&nbsp;</p>
<style><!--
#jard{width:1000px; height:562px; border:5px ridge white; margin: 20px auto; background:url('http://ekladata.com/QRBYI6ggZRBOdEpbJ38dsjFMLeA.jpg'); background-size:1000px 562px; background-position:0px 0px; transition:all 2s;}
#jard:hover{background-size:1920px 1080px; background-position:-450px -300px;}
--></style>

L'image est placée en fond de paragraphe, sa taille est adaptée à celle du paragraphe; au survol, la taille de l'image est agrandie et le positionnement peut être adapté à la position du sujet.