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