Docs    Facebook    Customizations

Change Border Color Around Post Box on Hover (3D Effect)

Create a “3D” effect on the post box when the visitor hovers over it with the mouse.

CSS:

This snippet creates a 5px black border around the 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);
}

This snippet creates a 1 pixel gray border around the Post on hover giving a 3D effect.

#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;
}

The red number is the size of the shadow

The blue number is the opacity or “darkness” of the shadow

support

Couldn’t find your answer in the docs?

Contact Support

Was this article helpful?