>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como inverter imagens horizontalmente com código HTML


Se você quiser virar uma imagem horizontalmente em seu site, nem precisa abrir um editor de imagens. Você pode usar HTML para virar uma imagem de maneira rápida e fácil para criar um efeito de espelho. Essa técnica também é útil quando você deseja que a imagem apareça ao contrário sem alterar a imagem original.

Etapa 1


Abra seu editor de HTML. Encontre a linha de código para a imagem que você deseja inverter. Deve ser algo assim:

Etapa 2


Adicione o seguinte atributo de estilo ao seu código de imagem:style="filter:FlipH." Sua tag de imagem agora deve ser semelhante a esta:

Etapa 3


Salve o documento. A imagem agora aparecerá ao contrário em seu site.

Aviso


Este efeito não funciona em todos os navegadores.