Sometimes when coding a UI element you want a shadow around the whole box.

However, most CSS box-shadow examples/tutorials tend to show inset box-shadows or ones that otherwise sit off to the side.

Here’s how to apply box-shadow to the whole box for a simple but nice effect.

box-shadow: 0 0 4px #ccc;