Fórum

Techtudo

PUBLICIDADE

raauldias

Membro

Como mudar a opacidade do texto ao passar com o mouse em cima?

Perguntou 12 anos atrás

Coloquei os espaços pois se não, não iria aparecer o código.

Só que não é text, é alguma outra classe, mas, qual é a classe?

Eu estou criando um site no WordPress, e tem um texto que tenho que colocar mais fraco, e quando eu passar o mouse ele tem que aparecer por completo. Estou utilizando o seguinte código:

< style type="text/css">
div#credits
text {opacity: 0.2; filter:alpha(opacity=15);}
text:hover {opacity:1; filter:alpha(opacity=99);}
}
< /style>

PS: Se alguém souber de algum outro jeito de fazer isso será muito bem vindo, valeu!

PUBLICIDADE

Respostas

Krazykraw

Membro

11 anos atrás

usando css3
HTML:

< div class="shadow" >
Teste Teste
< /div >

CSS:

div.shadow {
width: 300px;
margin:20px;
border: 1px solid #ccc;
padding:
10px;
}

div.shadow:hover {
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

PUBLICIDADE