Botão transparente

[jvalrc 0]

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

[L. Henrique 179]

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!

[Maujor 144]

Estude declaração de cores CSS transparentes em
http://www.maujor.com/tutorial/css3-modulo-para-cores.php