Web Design com Transparência nas CSS 3

Além de a palavra-chave transparente, CSS 3 tem outra maneira de produzir elementos transparentes ou translúcidas em suas páginas da web, como mostra o seguinte pedaço de código.

CSS 3 introduz o novo seletor de cores RGBa. RGBa é o mesmo que o selector de cor RGB originais, excepto que tem um valor que descreve a alfa, ou transparência, do elemento de estilo.

 

Estes elementos são todos azuis, mas eles têm uma quantidade diferente de transparência, como ilustrado. Note como o bloco vermelho sólido mostra completamente.

image0.jpg

Neste exemplo site sobre água-viva, gradientes com transparência foram usadas para deixar o fundo mostrar através. Você pode ver que ele foi usado para criar um efeito de camadas. Se a cor bottommost da página for alterado, todas as cores em camadas deixar o filtro de mudança através de uma tonalidade.

image1.jpg

O resultado da utilização dessa técnica gradiente é que o site inteiro pode mudar com uma única alteração de fundo.

menu