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>
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>
</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>
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>
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>
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>
queria saber o codigo para uma coisa no hi5 beta.
Comentários