Cómo voltear imágenes horizontalmente con código HTML

Si desea voltear una imagen horizontalmente en su sitio web, ni siquiera tiene que abrir un editor de imágenes. Puede usar HTML para voltear una imagen rápida y fácilmente para crear un efecto de espejo. Esta técnica también es útil cuando desea que la imagen aparezca al revés sin alterar la imagen original.

Paso 1

Abre tu editor de HTML. Encuentra la línea de código para la imagen que deseas voltear. Debería verse algo como esto:

Paso 2

Agrega el siguiente atributo de estilo a tu código de imagen:style="filter:FlipH". Su etiqueta de imagen ahora debería aparecer similar a esto:

Paso 3

Guarde el documento. La imagen ahora aparecerá al revés en su sitio web.

Advertencia

Este efecto no funciona en todos los navegadores.