Efeitos para imagens

Imagem transparente


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


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">


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>



Colucar imagens próximas

Código:

<div style="white-space: nowrap;"> <img src="URL IMAGEM"> <img src="URL IMAGEM”"> </div>