Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Diferença entre opacity e background-color: rgba

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.

1 resposta
solução!

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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software