Creare un effetto "3D" sulla casella postale quando il visitatore ci passa sopra con il mouse.
CSS:
Questo snippet crea un bordo nero di 5px intorno al 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);
}Questo frammento crea un bordo grigio di 1 pixel intorno al post al passaggio del mouse, dando un effetto 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;
}Il numero rosso è la dimensione dell'ombra
Il numero blu è l'opacità o "oscurità" dell'ombra.
