Alterar a opacidade de cores em Web Design

Durante anos, os web designers têm vindo a utilizar a transparência na sites, salvando as imagens tanto no formato PNG ou GIF e fazer uma cor transparente. Embora este método não é o ideal, ele tem trabalhado como uma maneira de fazer imagens aparentemente # 147-float # 148- em uma página e para a camada uma imagem sobre outra, colocando uma imagem em uma página sobre uma imagem de fundo.

Graças a CSS 3, agora você pode criar fundos transparentes e até mesmo especificar diferentes níveis de opacidade para criar efeitos de design mais sutis para páginas exibidas no iPhone e iPad. Você pode usar a propriedade de opacidade com cores RGBA para criar recursos de transparência sofisticadas em seus projetos, tais como a lista de navegação drop-down transparente mostrado nesta figura.

Alterando a opacidade do fundo atrás da lista drop-down permite que a imagem por trás dele mostrar através de e cria um efeito de design mais sutil.

No exemplo ilustrado, o fundo do menu foi feita uma cinza transparente em vez da cinza sólida usada na mesma concepção mostrada nesta figura.

As configurações de opacidade em CSS 3 fornecer uma grande quantidade de flexibilidade com a opção de usar uma cor RGBa e especificar a quantidade de transparência.