Opacidade / transparência em imagem e texto com CSS3

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.