Use CSS Borders for 3D Effects

Recently, I’ve been more in favor of using the browsers rendering instead of background images to achieve looks, since that reduces bandwidth and loading times, and also increases maintainability. I used to slice images that would give something a shadow or button type of a look, but have moved more towards just making the browser do it. I wanted to share some examples of effects and how easy it is to do so.