CSS: adicionar o efeito de sombra a um Div

efeito-de-sombra-a-um-div

Sombras em CSS

1º Passo

Uma sombra é definida com 4 parâmetros (por ordem):

  1. Sombra horizontal (valor negativo >  sombra por cima; valor positivo > sombra por baixo)
  2. Sombra vertical (valor negativo >  sombra à esquerda; valor positivo > sombra à direita)
  3. Quantidade de “blur”, isto é de falta de nitidez da sombra
  4. Cor da sombra

Sou eng. informático. Faço aplicações/sites web. Gosto de ensinar.

Comente pelo Facebook:

6 Responses to CSS: adicionar o efeito de sombra a um Div

  1. Ed diz:

    Olá colega, gostei muito do tutorial. Mas fiquei com dúvida no atributo “rgba” dentro das tags. Do que se trata ?

    Obrigado.

  2. esse representa a cor da sombra (r- red, g-green, b- blue, a- alpha)

    (alpha é a transparência)

  3. Crelisvaldo diz:

    Obrigado por me explicar a propriedades do -webkit!

  4. Valeu parceiro ! Serviu certinho ! Muito obrigado! A dica foi precisa, sem blablabla… Parabéns!

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Mostrar
Share On Facebook
Share On Twitter
Share On Google Plus
Share On Linkdin
Share On Pinterest
Esconder