Dúvida de efeito nas categorias ao passar o mouse

2 participantes

Ir para baixo

Tópico resolvido Dúvida de efeito nas categorias ao passar o mouse

Mensagem por IsmaelS. 25.09.13 18:59

Qual é minha questão:
Olá,

A minha dúvida ainda está aberta, mas não sei o porque de terem fechado o tópico se a dúvida era minha:
https://ajuda.forumeiros.com/t85048-colocar-efeito-ao-passar-o-mouse-nas-categorias

Eu utilizei este código para fazer o efeito de opacidade mas tem um problemas as categorias ficam escondidas:

Código:
tbody.statused tr:hover {
border-left: 4px solid #00adea;
border-right: 4px solid #00adea;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 3.5s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
opacity: 0;
}
Dúvida de efeito nas categorias ao passar o mouse 1_bmp36

Endereço do meu fórum:
http://www.suportedesign.net

Versão do fórum:
PUNBB


Última edição por IsmaelS. em 26.09.13 22:03, editado 1 vez(es)
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida de efeito nas categorias ao passar o mouse

Mensagem por Tofu 26.09.13 10:02

Vc quer que seja translúcido ao passar o mouse ou que seja opaco ao passar o mouse?

Coloque este código, caso queira que esteja
Código:

tbody.statused tr:hover {
border-left: 4px solid #00adea;
border-right: 4px solid #00adea;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 3.5s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
opacity: .7;
}
Coloque este código, caso queira que esteja opaco ao passar o mouse:
Código:
tbody.statused tr:hover {
border-left: 4px solid #00adea;
border-right: 4px solid #00adea;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 3.5s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
opacity: 1;
}
tbody.statused tr {opacity: .7;}
Testei aqui, e ambos códigos funcionam perfeitamente.
Escolha o que achar melhor.

Gleison Elias.
avatar
Tofu
****

Membro desde : 16/07/2013
Mensagens : 284
Pontos : 428

http://verdadeplena.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida de efeito nas categorias ao passar o mouse

Mensagem por IsmaelS. 26.09.13 19:35

Resolvido.
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo


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