Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Ordem dos valores no box-shadow

Estou com dúvidas na resposta desse exercício. Achei que seria o: box-shadow: 0 0 0 4px #000

Mas a reposta correta é: box-shadow: 0 0 4px #000

O terceiro valor informado não seria para aplicar blur da sombra? e o quarto valor para aplicar a sombra ao redor da imagem?

Alguém poderia me explicar melhor. Desde já agradeço.

5 respostas

Saudações, No box-shadow o grosso modo

1º parâmetro é o horizontal-offset 2º parâmetro é o vertical -offset 3º parâmetro é o blur

Uma explicação mais detalhada você encontra no link

https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

solução!

Estrutura da propriedade box-shadow:

box-shadow:
    <deslocamento_horizontal>
    <deslocamento_vertical>
    <raio_do_borrão_(blur_radius)>
    <distância_de_espalhamento_(spread_distance)>
    <cor>;

Ainda há a possibilidade de colocar a palavra chave "inset" depois da cor para especificar que a sombra é interna.

Obrigado!

Então a resposta do exercício que estava errado. Pois não tem blur nenhum na borda da imagem, e sim uma sombra ao redor da imagem, como se fosse borda.

Gratidão pela resposta de todos.

Desculpe-me, mas existe sim um blur ao redor da imagem. Se não existisse o borrão, o resultado seria este, um retângulo sólido, sem borrão:

Com o blur ativado, a sombra fica "esfumaçada", "borrada":

Siiiiiim! Agora eu entendi!

Confundi a imagem . Interpretei como imagem, o print e o box-shadow como a borda. Genius

Viajei. Agora ficou tudo claro para mim, muito obrigado pelas explicações!