box-shadow: 0 0 0 4px black;No código acima, o primeiro 0 refere-se ao deslocamento horizontal, o segundo é o deslocamento vertical, o 4px é a difusão da cor. O que significa o terceiro 0?
Tania
Solucionado
box-shadow: 0 0 0 4px black;No código acima, o primeiro 0 refere-se ao deslocamento horizontal, o segundo é o deslocamento vertical, o 4px é a difusão da cor. O que significa o terceiro 0?
Tania
O 3 serie o esfumaçado.
box-shadow: 5px -9px 3px #000; Vamos entender o que cada código que usamos acima serve? Vejamos em ordem: Deslocamento horizontal da sombra: A sombra de um elemento costuma estar um pouco deslocada em relação ao elemento que a produz(o box). No caso deste exemplo, o primeiro dos valores, 5px, quer dizer que a sombra aparecerá 5 pixels à direita. Se quisermos que a sombra apareça um pouco à esquerda do elemento original que a produz, colocaríamos um valor negativo a este atributo. Quanto mais deslocamento tiver uma sombra, o elemento que a produz parecerá que está mais separado da tela da página. Deslocamento vertical da sombra: O segundo valor que colocamos no atributo box-shadow é o deslocamento vertical da sombra com respeito à posição do elemento que a produz(box). Este valor é similar ao deslocamento horizontal. Valores positivos indicam que a sombra aparecerá abaixo do elemento e valores negativos farão com que a sombra apareça deslocada um pouco para cima. No caso do anterior exemplo, com -9px estamos indicando que a sombra aparecerá deslocada 9 pixels para cima do elemento. Esfumaçado: O terceiro valor indica quanto queremos que esteja esfumaçada a borda da sombra, ou seja, significa se a sombra vai ter uma transparência ou não. Se o esfumaçado fosse zero, quer dizer que a sombra não tem nenhum esfumaçado e aparece totalmente definida. Se o valor for maior que zero, como em nosso exemplo 3px, quer dizer que a sombra terá um esfumaçado dessa largura, 3 pixels no exemplo. Cor da sombra: O último atributo que se indica no atributo box-shadow é a cor da sombra. Geralmente as sombras possuem uma cor preta ou cinza, porém podemos definir a cor que quisermos para a sombra, basta colocar seu código hexadecimal
Entendi isso, mas por que na explicação do exercicio é colocado 3 zeros, como postei lá em cima. box-shadow: 0 0 0 4px black;