Dúvida de efeito nas categorias ao passar o mouse

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;
}

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

Versão do fórum:
PUNBB

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.

 

  

---

Não podes responder a tópicos