Inverter Imagem

[Kay_ 0]

Galera é o seguinte, no layout que estou fazendo tem 1 imagem utilizada nos 2 cantos, soh que no photoshop 1 ta normal virada para la >>>, e a do outro lado eu inverti horizontalmente(inverti a mesma imagem), para ficar para la <<<<<

 

Mais utilizei nos dois lado a mesma imagem. Como faço isso no css? para na hora que o visitante entrar, fazer o download somente de 1 imagem, para o site ficar mais leve. Resumindo: quero saber se o css faz isso, inverter a imagem horizontalmente.

[Thiago Retondar 18]

Galera é o seguinte, no layout que estou fazendo tem 1 imagem utilizada nos 2 cantos, soh que no photoshop 1 ta normal virada para la >>>, e a do outro lado eu inverti horizontalmente(inverti a mesma imagem), para ficar para la <<<<<

 

Mais utilizei nos dois lado a mesma imagem. Como faço isso no css? para na hora que o visitante entrar, fazer o download somente de 1 imagem, para o site ficar mais leve. Resumindo: quero saber se o css faz isso, inverter a imagem horizontalmente.

Não entendi. :blink:

 

Pode postar o que você já fez e uma imagem ilustrativa?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Carlos Designer 0]

com css não tem como você inverter uma imagem!

 

O que você pode fazer é criar as duas imagens em uma e com background-position definir qual vai aparecer!

[Kay_ 0]

hum a pedidos está aí o topo dos dragoes ;)

 

 

Aproveitem e avaliem o layout, hehe eh meu primeiro layout, falem o que ai acha massa de mudar, ou acrescentar.

[Thiago Retondar 18]

Então, isso que você quer fazer não da.

 

Recorte as duas imagens e coloque-as manualmente.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Paulo de Tarso F. M. 24]

Como já dito, não é possível fazer um espelho. Você pode criar duas imagens independentes ou criar uma única imagem com os dois dragões. Quanto à avaliação do layout em si, utilize o fórum específico para isso:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Avaliação: Sites, Layouts, Logotipos, etc.

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Kay_ 0]

Já que pelo css não dá. ninguem conhece algum tipo de outra linguagem web cliente(como: js, vb script...), que consegue fazer isso que eu quero?? fazer um espelho a imagem? ;) vlws

[Thiago Retondar 18]

Quem sabe com JavaScript dê. Se der, é bem provável que seu trabalho vai ser dobrado, se quiser aprender a lógica, é claro.

 

Faz o que foi dito. Recorte cada imagem, ou faz uma imagem, PNG transparente, com os dois.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Kay_ 0]

Thiago, no topo mostrado aí em cima, você acha recomendavel recortar ele por completo? ou em partes? Qual fica mais rapido o acesso?

[webmind 5]

como o pessoal ae falo nao ha essa opcao no css. (na verdade há mas so funfa no IE (filter:FlipH) entao melhor pensar que nao há)

 

 

 

basta você fatiar no photoshope jogar em xhtml

[Eliseu M. 2]

É... usar duas imagens é a solução mais compatível. Porém o novo CSS3 já suporta image rotate:

 

-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);

 

Flws!

[Paulo de Tarso F. M. 24]

Meu caro Eliseu M., rotacionar uma imagem 180 graus não proporciona o resultado esperado pelo usuário, afinal de contas, a imagem no final estaria de cabeça para baixo... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

 

O recurso necessário seria uma espécie de espelho mesmo, e não rotação, mas acredito que isso ainda não foi criado...

[Thiago Retondar 18]

Thiago, no topo mostrado aí em cima, você acha recomendavel recortar ele por completo? ou em partes? Qual fica mais rapido o acesso?

O que eu faria? Eu recortaria os dois dragões em uma única imagem e colocaria de background do topo. O logo seria normal, uma imagem. E como os botões são iguais, recortaria apenas um e faria de background de cada li.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Eliseu M. 2]

Meu caro Eliseu M., rotacionar uma imagem 180 graus não proporciona o resultado esperado pelo usuário, afinal de contas, a imagem no final estaria de cabeça para baixo... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

 

O recurso necessário seria uma espécie de espelho mesmo, e não rotação, mas acredito que isso ainda não foi criado...

É, tá certo. =[

[Thiago Retondar 18]

Mas de qualquer forma o CSS3 que estar à chega vai ser muito útil!

 

O problema é... Ahnn... A você já sabem... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif