InícioCalendárioFAQBuscarMembrosGruposRegistrar-seConectar-se

Compartilhe | 
 

 [Tuturial] Efeitos para imagens

Ir em baixo 
AutorMensagem
Admin
Admin
avatar

Mensagens : 44
Data de inscrição : 29/11/2008

MensagemAssunto: [Tuturial] Efeitos para imagens   Seg Dez 01, 2008 5:18 am

Efeitos para imagens



Imagem com link:
Código:
<a href="LINK DE DESTINO" target="_blank"><img src="LINK DA IMAGEM" border="0" alt="DESCRIÇÃO DA IMAGEM"></a>



Imagem transparente
Código:
<img src="AQUI URL " style="filter:alpha(opacity=50)">

P.S:quanto menor o valor mais transparente fica, ou seja com 30 de opacity a imagem fica mais branca do que com 50


Reflicta a imagem em posição Vertical:
Código:
<img src="AQUI URL " style="filter:flipv">[/color]

Reflicta a imagem em posição Horizontal:
Código:

<img src=" AQUI URL" style="filter:fliph">

Eefeito de noite
Código:

<img src="AQUI  URL" style="filter:xray()">

Efeito de preto e branco
Código:
<img src="AQUI  URL" style="filter:gray;">

Efeito de gravadura na imagem
Código:
<img src="AQUI  URL" style="filter:progid:dximagetransform.microsoft.emboss">

Efeito de realce nas imagem
Código:
<img src=" AQUI  URL" style="filter:progid:dximagetransform.microsoft.emboss">

EFEITOS À PASSAGEM DO MOUSE

De Preto e Branco para Cor:

Código:
<style type="text/css"> a: AQUI URL {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;} </style>


De Cor para Preto e Branco:

Código:
<style type="text/css"> a: AQUI URL {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>

De normal para reflectida:
Código:
<style type="text/css"> a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;} </style>

De reflectida para normal:
Código:

<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>

De nítidez para desfoque:
Código:
<style type="text/css"> a:hover img {filter: blur(add = 0, direction = 225, strength = 10)}</style>

De desfoque para nítidez:
Código:
<style type="text/css"> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}
a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>

De nivelamento para realce:
Código:
<style type="text/css"> a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>
</style>

De realce para nivelamento:
Código:
<style type="text/css"> a:link img {filter:progid:dximagetransform.microsoft.emboss;}
 a:visited img {filter:progid:dximagetransform.microsoft.emboss;}  a:hover img {filter:none;}</style>
</style>

De sol para noite:
Código:
<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray();} </style>

De noite para sol:
Código:
<style type="text/css"> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>

De nitidez para transparência:
Código:
<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;}
 a:hover img {filter:alpha(opacity=60);} </style>

De transparência para nitidez:
Código:
<style type="text/css"> a:link img {filter:alpha(opacity=60);}
a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>

Colocar imagens próximas
Código:
<div style="white-space: nowrap;"> <img src="URL IMAGEM"> <img src="URL IMAGEM”"> </div>

By: JorgeRodrigues
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://webtuga.forumeiros.com
 
[Tuturial] Efeitos para imagens
Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Para Tapping...
» Efeitos na gravação
» Melhor efeito para Slap... compressor ou limiter
» Set para cover Metallica e Pink Floyd
» MXR Bass Compressor

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
Webtuga :: Juventude :: Hi5-
Ir para: