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

Dúvidas sobre o box-shadow

Olá! No arquivo "banner-titulos.css", é usado um box shadow com rgba(0, 0, 0, 0.75). O que seria esse 0.75 que seria a propriedade alpha?

Também, vi que em algumas situações no box shadow podemos usar 3, 4 ou 5 valores dentro dele (no arquivo tem 0 4px 4px), o que representaria cada um desses valores passados nele em cada caso? Há alguma regra para usar os valores que esse elemento box-shadow pode receber?

1 resposta
solução!

Olá Pedro, tudo bem?

O valor "0.75" que você mencionou é a propriedade alpha do box-shadow. Ela define a transparência da sombra. Nesse caso, o valor 0.75 significa que a sombra é 75% opaca.

Quanto aos valores do box-shadow, a ordem é a seguinte:

  • O primeiro valor é o deslocamento horizontal da sombra em relação ao elemento;
  • O segundo valor é o deslocamento vertical da sombra em relação ao elemento;
  • O terceiro valor é o desfoque da sombra;
  • O quarto valor é o tamanho do raio do canto arredondado da sombra.

No caso específico que você mencionou, "0 4px 4px", significa que a sombra não tem deslocamento horizontal (0), tem um deslocamento vertical de 4 pixels, um desfoque de 4 pixels e nenhum raio de canto arredondado.

Não há uma regra específica para usar os valores do box-shadow, mas é importante lembrar que o primeiro e o segundo valores são obrigatórios, enquanto o terceiro e o quarto são opcionais. Além disso, é possível definir mais de uma sombra separando-as por vírgulas.

Você pode ler mais aqui na documentação MDN.

Espero ter ajudado.

Um abraço e bons estudos.