Dúvida de efeito nas categorias ao passar o mouse

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Dúvida de efeito nas categorias ao passar o mouse

Mensagem por IsmaelS. em 25/09/13, 02:59 pm

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:
http://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;
}


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, 06:03 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Dúvida de efeito nas categorias ao passar o mouse

Mensagem por Tofu em 26/09/13, 06:02 am

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.

Tofu
Nível 10

Masculino
Inscrito dia : 15/07/2013
Mensagens : 284
Pontos Ativos : 428

Ver perfil do usuário http://verdadeplena.tk

Resolvido Re: Dúvida de efeito nas categorias ao passar o mouse

Mensagem por IsmaelS. em 26/09/13, 03:35 pm

Resolvido.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum