Para colocarmos transparência em um elemento na web, seja texto ou imagem, basta usarmos o seguinte código de CSS3 (no exemplo aplicará transparência de 65%):

.transparente {
opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);
}

  • opacity é o código oficial,
  • -moz-opacity para compatibilidade com o navegador Mozilla Firefox
  • filter para versões antigas do Internet Explorer.

Agora basta atribuirmos a classe “transparente” ao elemento que gostaríamos de adicionar a transparência.

 

Você também gostará de...

Seja avisado quando houver novos artigos relevantes por aqui para melhorar a sua eficiência, na sua caixa de e-mail. Basta inserir seus dados abaixo :)