>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como inverter imagens horizontalmente com código HTML

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:Como inverter imagens horizontalmente com código HTML

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:Como inverter imagens horizontalmente com código HTML

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.