[hi5] efeitos de imagens á passagem do mouse
J&B :: Tecnologia :: Hi5 :: Tutoriais & Dias
Página 1 de 1
[hi5] efeitos de imagens á passagem do mouse
De preto e branco para cor
De cor para preto e branco
De nitidez para desfoque
De desfoque para nitidez
De nitidez para transparencia
De transparencia para nitidez
De reflectido para normal
De normal para reflectido
De dia para noite
De noite para dia
De normal para negativo
De negativo para normal
- Código:
<style type="text/css"> a:link img {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:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>
De nitidez para desfoque
- Código:
<style type="text/css"> a:hover img {filter: blur(add = 0, direction = 225, strength = 10)}</style>
De desfoque para nitidez
- 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 nitidez para transparencia
- 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 transparencia 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>
De reflectido 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 normal para reflectido
- Código:
<style type="text/css"> a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;} </style>
De dia 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 dia
- Código:
<style type="text/css"> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>
De normal para negativo
- Código:
<style type="text/css"> a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>
De negativo para normal
- Código:
<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:invert;} </style>
sue- J&B Avançado
- Mensagens : 398
Data de inscrição : 09/07/2009
Idade : 31
Localização : montijo
sue- J&B Avançado
- Mensagens : 398
Data de inscrição : 09/07/2009
Idade : 31
Localização : montijo
sue- J&B Avançado
- Mensagens : 398
Data de inscrição : 09/07/2009
Idade : 31
Localização : montijo
J&B :: Tecnologia :: Hi5 :: Tutoriais & Dias
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|