Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jvalrc

Botão transparente

Recommended Posts

Boa tarde, alguém sabe como criar um botão transparente de informações? Como no exemplo das imagens a seguir, o botão "Details", onde ao clicar, ele redireciona para a seguinte imagem, com uma caixa de informações...

http://cdn.wccftech.com/wp-content/uploads/2016/03/KiloUqs.jpg

http://cdn3.dualshockers.com/wp-content/uploads/2016/03/PlayStationStore_003.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

Jvalrc,

Use a propriedade background: rgba(); como no exemplo abaixo:

.botao {
   background: rgba(255,255,255,0.3);
}

Onde:

  • 1º - 255 é referente a quantidade de RED ®.
  • 2º - 255 é referente a quantidade de GREEN (G).
  • 3º - 255 é referente a quantidade de BLUE (B).
  • 4º - 0.3 é o nivel da opacidade/transparência. 0 pra nada e 1 pra 100%.

Abraços!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.