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
