Как передать внешний эффект свечения столбцу в HTML/CSS?

Question

Я создаю веб-сайт, и я хочу, чтобы создать этот эффект дает внешнюю тень свечения к главному колонку на странице ..

Этой страница служит в качестве примера: http://royalwatches.pk/

Следует отметить, что основные столбец имеет теневой эффект как на левой, так и на правой сторонах, чтобы сделать столбец «впереди» фона.

Эта картина также показать то, что я говорю:

Это страница, на которой я хочу повторить этот эффект: http://blu-rays.pk/index.php

Может кто-то наставит меня на какой CSS/HTML изменения должны быть сделаны?

Sidenote: Сведя все это в jsfiddle казалось непрактичным, поэтому я уже упоминал сайты вместо ..

Answer 1

Вы можете использовать box-shadow свойство.

CSS

img{ 
    box-shadow: 0px 0px 5px gray; 
} 

JSFiddle

Или в вашем случае:

#wrapper{ 
    box-shadow: 0px 0px 5px gray; 
} 

Примечание: удалить background-image из #wrapper.

Answer 2

Не забудьте добавить код так, чтобы тень видна в более браузерах, например, так:

#wrapper { 
-moz-box-shadow: 0px 0px 5px gray; 
-webkit-box-shadow: 0px 0px 5px gray; 
box-shadow:   0px 0px 5px gray; 
} 

Подробнее можно прочитать об этом по адресу: http://css-tricks.com/snippets/css/css-box-shadow/