21a.02.2024

Suite à ma page précédente, un rappel: nous pouvons sélectionner une partie d'une image pour n'afficher que la partie qui nous intéresse.

Dans cet exemple, l'image du départ est horizontale avec le sujet centré et celle reprise devient verticale.

L'image doit être positionnée en fond de paragraphe; la valeur (négative) de la position de l'image (background-position) est fonction de la position de l'image dans la photo de base.

<p id="sel">&nbsp;</p>

<style><!--
#sel{width:348px; height:619px; margin:50px auto; background:url('http://ekladata.com/KP9B73XHlqiBQGBhpJJhxLNat-Q.jpg'); background-size:1100px 619px; background-position:-400px 0px;}
--></style>