I tried looking in Chrome’s Inspect Element, but I could not find out how this page here [ http://www.mousehuntgame.com/ ] makes a shadow type border? On either side of the middle box [with all the page content], it fades to a darker blue, creating a shadow effect.
I want to use that for my website. What’s the code? Is it CSS? Thanks!
They’re using an image:
(it’s actually
1pxhigh, I just stretched it here for clarity)You could do it with CSS3’s
box-shadow, see here for a rough example: http://jsfiddle.net/B9Uyj/1/To make
box-shadowwork in older versions of IE, you can use CSS3 PIE. (It already works in IE9)An image would be the easiest option here.