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

Si quieres voltear una imagen horizontalmente en tu web, no necesitas un editor de imágenes. Puedes usar HTML para crear un efecto espejo rápido y fácilmente. También es útil para mostrar la imagen invertida sin alterar el original.

Paso 1

Abre tu editor HTML. Busca la línea de código de la imagen a voltear. Será algo como: <img src="https://imagen.com/imagen.jpg" />

Paso 2

Añade el siguiente atributo style: style="transform:scaleX(-1)". Tu etiqueta quedará: <img src="https://imagen.com/imagen.jpg" style="transform:scaleX(-1)" />

Nota: el método antiguo filter:FlipH solo funcionaba en Internet Explorer. El estándar moderno es transform:scaleX(-1), compatible con todos los navegadores actuales.

Paso 3

Guarda el documento. La imagen aparecerá invertida horizontalmente en tu web.

Advertencia

El método obsoleto filter:FlipH no funciona en navegadores modernos. Usa transform:scaleX(-1) para compatibilidad total.