Dúvida de efeito nas categorias ao passar o mouse

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

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

Mensagem por IsmaelS. em 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.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

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

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

Mensagem por Tofu em 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
Nível 10

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

http://verdadeplena.tk

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

Mensagem por IsmaelS. em 26.09.13 19:35

Resolvido.
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4145

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

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


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