Como escureço a imagem que coloquei como background no CSS ?
Como escureço a imagem que coloquei como background no CSS ?
Fala ai Tomas, tudo bem? Isso pode ser feito de N maneiras, uma delas seria:
Você cria um div que vai ocupar todo o espaço da div pai (com background) e aplica um background-color com rgba para ela.
Quanto maior o alpha, mais escura vai ser.
Espero ter ajudado.
Por que não posso criar uma classe para o body, e no CSS dela colocar a imagem de background e escurecer com o rgba?
Fala Tomas, na verdade você pode, é como eu gosto de dizer: Na maioria das vezes vamos ter mais de uma solução para dado um problema.
Porém, nesse caso eu prefiro ter uma div separada para não impactar os elementos filhos da sua div que tem o background.
Isso porque se você precisar aplicar um opacity ou filter nessa div todos os elementos filhos serão afetados, sendo assim, eu prefiro deixar isso de forma isolada.
Espero ter ajudado.