Efeito em todas as imagens do fórum

3 participantes

Ir para baixo

Tópico resolvido Efeito em todas as imagens do fórum

Mensagem por luislol2013 12.01.13 23:59

Qual é minha questão:
Tem como colocar aquele efeito de clarear imagens ao passar o mouse? Em todas as imagens do fórum (Invision).

?

Endereço do meu fórum:
http://rocknforum.ativoforum.com

Versão do fórum:
INVISION
luislol2013
luislol2013
*

Membro desde : 25/12/2012
Mensagens : 47
Pontos : 123

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito em todas as imagens do fórum

Mensagem por seender 13.01.13 0:32

Olá!

Adicione o código:
Código:
img {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito em todas as imagens do fórum

Mensagem por Consolado 13.01.13 12:25

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

img{transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=40); -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s}img:hover{transition-duration: 1.0s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 1.0s; -o-transition-duration: 1.0s; -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 1.0; filter:alpha(opacity=40)}
Valide.

Melhores cumprimentos,
Today
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos