Como colocar sombra nas postagens


Neste tutorial vou ensinar como colocar sombra nas suas postagens usando apenas códigos CSS. Utilizaremos o recurso “Box-shadow” do CSS3. Além de colocarmos sombra, vamos suavizar colocando outro recurso de arredondamento.Esta pequena modificação promete deixar suas postagens com um toque especial. Apenas siga os passos abaixo:
1. Faça o login no blogger e acesse o painel principal do seu blog;
2. Vá em “Modelo” –> “Editar Modelo” e procure por:

.post-body {
3. Abaixo dessa linha cole o seguinte código:
box-shadow: 1px 4px 19px 2px #DCDCDC;
padding: 10px;
border-radius: 28px;
4. Feito isso, visualize e veja como ficou. Se estiver ok, Salve!
Obs: 
A parte destacada de vermelho no código é a cor da sombra. Se quiser, troque por outra. Clique aqui e veja a tabela das cores hexadecimais;
A parte em azul, é o nível de arredondamento dos cantos. Para alterar, apenas mude o valor para outro numero em pixels.

0 comentários:

Postar um comentário