Changez la couleur de la bordure autour de la boîte aux lettres au survol (effet 3D)

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.

soutien

Vous n'avez pas trouvé votre réponse dans la documentation ?

Contacter le support

Cet article a-t-il été utile ?