Come capovolgere le immagini orizzontalmente con il codice HTML

Se vuoi capovolgere un'immagine orizzontalmente sul tuo sito web, non devi nemmeno aprire un editor di immagini. Puoi utilizzare l'HTML per capovolgere rapidamente e facilmente un'immagine per creare un effetto specchio. Questa tecnica è utile anche quando vuoi che l'immagine appaia al contrario senza alterare l'immagine originale.

Passaggio 1

Apri il tuo editor HTML. Trova la riga di codice per l'immagine che vuoi capovolgere. Dovrebbe assomigliare a qualcosa di simile a questo:

Passaggio 2

Aggiungi il seguente attributo di stile al codice dell'immagine:style="filter:FlipH." Il tuo tag immagine ora dovrebbe apparire simile a questo:

Passaggio 3

Salva il documento. L'immagine apparirà al contrario sul tuo sito web.

Avviso

Questo effetto non funziona in tutti i browser.