1
resposta

BLUR OU ESPAÇAMENTO NO BOX-SHADOW: INSET?

Fala pessoal! O terceiro elemento no BOX-SHADOW: INSET é blur ou Espaçamento? No Box-Shadow de .imagem.beneficios o professor fala que o terceiro elemento é o BLUR, quando chega no Box-Shadow de benefícios ele informa que é espaçamento.

1 resposta

Ola Niedson, blz . Acredito que o elemento box-shadow , é constituido da seguinte maneira :

No exemplo abaixo possui a propriedade do eixo X, Y (projetando apartir da imagem a sombra ) e uma cor :

box-shadow: 10px 10px #000000;

No exemplo abaixo das propriedades ja citadas acima : X , Y , blur , cor . È acrescentado o blur (terceito representado pelo 5px): que quanto maior a quantidade de pixels inserida , mais borrada será a sombra :

box-shadow: 10px 10px 5px #000000;

E no exemplo abaixo é acrescentado uma quarta propriedade (representado pelo 20px) que configura a intensidade da borda a partir do tamanho do elemento, o tamanho da sombra projetada :

box-shadow: 10px 10px 5px 20px #000000;

Boa sorte e bons estudos , espero ter talvez ajudado .