Criar um efeito "3D" na caixa de correio quando o visitante passa o rato sobre ela.
CSS:
Este snippet cria uma borda preta de 5px ao redor do Post.
#cff .cff-item.cff-box {
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
Este snippet cria uma borda cinzenta de 1 pixel à volta do Post ao passar o rato, dando um efeito 3D.
#cff .cff-item.cff-box:hover {
box-shadow: 0 0 0 1px gray;
-moz-box-shadow: 0 0 0 1px gray;
-webkit-box-shadow: 0 0 0 1px gray;
}
O número a vermelho corresponde ao tamanho da sombra
O número azul é a opacidade ou "escuridão" da sombra