.

segunda-feira

Efeito Shadow Nas Imagens do Blogger

ACESSOS:
AQUI

Nesta postagem compartilho com vocês este efeito. Quando passar o mouse sobre uma imagem, automaticamente se ativará o Efeito Shadow.







Para coloca-la no blogger... Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag

]]></b:skin>

Tendo encontrado a tag, cole ACIMA dela o seguinte código


/* Efeito Shadow Nas Imagens do Blogger By DicasHot */
.post img {
padding: 8px;
background: #ffffff;
border: 1px solid #cccccc;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.post img:hover {
background:#FDFDFB;
border:1px solid #8DDCEF;
-moz-box-shadow:0 0 10px 2px #0066B3;
-webkit-box-shadow:0 0 10px 4px #0066B3;
box-shadow:0 0 10px 4px #0066B3;
}

As partes destacadas de azul são as partes das cores onde você pode modificar de acordo com o seu gosto.

Tendo feito isto, está pronto!!!