Ainda não está claro para mim os parâmetros do box-shadow, principalmente para este efeito de modal. "box-shadow: 0 0 0 999px rgba(0, 0, 0, .7)" O 1º trata-se do deslocamento no eixo X, o 2º no Y, o 3º nível de esfumaçado, o 4º não estou sabendo, o 5º a cor, neste caso com opacacidade.
1
resposta
resposta
Parâmetros do box-shadow
Oi André, tudo bem?
Exatamente isso! Posicionamento (X,Y), desfoque (blur) e no final temos a cor.
Esse quarto ai é opcional, é quão maior queremos aumentar a sombra.
Fiz esse Jsbin aqui pra você ver a diferença no código da imagem acima.
Perceba que é diferente pois enquanto o blur realmente aumenta o desfoque da sombra do elemento para dar a ideia que ele está mais "alto" na tela, o size (quarto valor) pega e aumenta o tamanho da sombra, parece uma borda até!
Espero ter ajudado e bons estudos,
Abcs!