Introdução rápida ao formato RGBA, introduzido no CSS3
O RGBA não é exatamente uma propriedade existente no CSS3 como muitos dizem, mas sim, um novo modelo de cores introduzido no CSS3.
Assim como no modelo RGB, temos a seguinte correspondência:
Para o RGBA existe também o A, ou alfa, que permite mencionar a opacidade de uma cor. Isso permite que o desenvolvedor tenha em mãos uma grande quantidade de cores diferentes e maior flexibilidade na criação de projetos web.
Para obter a cor red, precisaríamos da gama rgb(255,0,0) ou rgb(100%, 0%,0%). Caso você queria adicionar uma opacidade de 50% à essa cor, utilizaria o código abaixo:
.colorred_50{color: rgba(255,0,0,0.5)}ou
.colorred_50{color: rgba(100%,0%,0%,0.5)}O efeito visual para o código acima segue abaixo:
A opacidade varia de 0 à 1.
Essa propriedade funciona em:
Fácil e muito funcional, não?!
Retirado de Eu Faço Programas
0 comments:
Post a Comment