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>

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?

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

perguntou Feb 21 '13 às 19:50

raauldias's gravatar image

raauldias
4611609

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

link permanente

respondeu Oct 24 '13 às 18:11

Krazykraw's gravatar image

Krazykraw
11441

editou Oct 24 '13 às 18:19

Sua resposta
mudar para preview

Siga esta pergunta

Por Email:

Uma vez que você entrar você poderá se inscrever para todas as atualizações aqui

Por RSS:

Respostas

Respostas e Comentários

Markdown Básico

  • *italico* ou __italico__
  • **negrito** or __negrito__
  • link:[texto](http://url.com/ "Qual é a sua dúvida?")
  • imagem?![alt texto](/path/img.jpg "Qual é a sua dúvida?")
  • lista numerada: 1. Foo 2. Bar
  • para adicionar uma quebra de linha basta adicionar dois espaços onde você gostaria que a nova linha estivesse.
  • tags HTML básicas também são suportadas

Tags

×626
×89
×70
×65
×53
×20
×2
×2
×1
×1

pergunta feita: Feb 21 '13 às 19:50

pergunta lida: 4,606 vezes

última alteração: Jun 11 '14 às 15:21