uilson Admin
Idade : 32 Pontos : 36799 Reputação : 0 Mensagens : 101 Localização : Leiria (M.G.) Data de inscrição : 2009-06-29
| Subject: [Hi5] Efeitos nas imagens Tue Jul 21, 2009 1:55 am | |
| 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">
Efeito 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> |
|