Comment inverser une image horizontalement avec du code HTML

Si vous voulez inverser une image horizontalement sur votre site web, pas besoin d'éditeur d'image. Vous pouvez utiliser le HTML pour créer rapidement un effet miroir. Cette technique est aussi utile pour afficher une image en miroir sans modifier l'original.

Étape 1

Ouvrez votre éditeur HTML. Trouvez la ligne de code de l'image à inverser. Elle ressemble à ceci : <img src="https://image.com/image.jpg" />

Étape 2

Ajoutez l'attribut de style suivant à votre balise image : style="filter:FlipH". Votre balise image doit maintenant ressembler à ceci : <img src="https://image.com/image.jpg" style="filter:FlipH" />

Étape 3

Enregistrez le document. L'image apparaîtra maintenant en miroir sur votre site web.

Avertissement

Cet effet ne fonctionne pas dans tous les navigateurs.