16 de dezembro de 2014

Sombra nas caixas dos posts


Um tutorial funcional e bem fácil de fazer.


Muito simples, basta acrescentar o código abaixo na div de sua caixa, e editar como preferir:

 box-shadow: 1px 2px 3px #000;

Vamos entender: Onde tem "1px" é o tamanho da sombra do lado direito; Onde tem "2px" é o tamanho da sombra de baixo; E onde tem "3px" é o tamanho da opacidade. Quanto maior for esse número, mas opacidade fraca a sombra terá, e maior será a sua extensão. E o #000 é a cor da sombra.

Vejam alguns exemplos:




Prontinho. Agora é só usar.

2 comentários :

  1. Respostas
    1. na div onde você quer que tenha a sombra. geralmente no blogger é #post ou .post (que é a "caixa" onde fica nossa postagem)

      Excluir