Qual seria a diferença da aplicabilidade da propriedade opacity: 0.8
e background-color: rgba(0, 0, 0, 80%)
Eu usei a primeira opção aqui no meu site e aparentemente tiveram o mesmo resultado.
Qual seria a diferença da aplicabilidade da propriedade opacity: 0.8
e background-color: rgba(0, 0, 0, 80%)
Eu usei a primeira opção aqui no meu site e aparentemente tiveram o mesmo resultado.
Oi, Fredson, tudo bem?
O background-color em rgba permite adicionar a propriedade opacity. No exemplo que você colocou vemos que você definiu a cor e um nível de opacidade em 80%. Ou seja, background-color: rgba(0, 0, 0, 80%)
Você definiu 0 para a intensidade da cor vermelha, verde e azul (em inglês: red, green e blue);
o a significa alpha que dará o valor a opacidade do seu background-color.
E só a propriedade opacity é quando queremos manipular a opacidade de uma determinada estilização mas não está necessariamente ligada ao background-color.
Espero ter te ajudado!