Créez un effet "3D" sur la boîte aux lettres lorsque le visiteur la survole avec la souris.
CSS :
Ce snippet crée une bordure noire de 5px autour de l'article.
#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);
}
Ce snippet crée une bordure grise de 1 pixel autour de l'article au survol, ce qui donne un effet 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;
}
Le chiffre rouge correspond à la taille de l'ombre
Le chiffre bleu correspond à l'opacité ou à la "noirceur" de l'ombre.
