Cree un efecto "3D" en el buzón cuando el visitante pase el ratón por encima.
CSS:
Este fragmento crea un borde negro de 5px alrededor de la entrada.
#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 fragmento de código crea un borde gris de 1 píxel alrededor de la entrada al pasar el ratón por encima, dando un efecto 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;
}El número rojo es el tamaño de la sombra
El número azul es la opacidad u "oscuridad" de la sombra
