Tecnología

Inicio

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

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


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

Instrucciones

1 Abra el editor HTML. Busque la línea de código de la imagen que quiere dar la vuelta. Debe ser algo como esto: <img />

2 Agregue el siguiente atributo de estilo al código de la imagen: style = "filtro: fliph." Su etiqueta de imagen ahora debe ser similar al siguiente: <img style = "filtro: fliph" />

3 Guarde el documento. La imagen aparecerá ahora en sentido inverso en su página web.

Consejos y advertencias

  • Este efecto no funciona en todos los navegadores.