如何在HTML/CSS中为列提供外部发光效果?

Ahm*_*mad 2 html css

我正在创建一个网站,我想创建这种效果,为页面中的主列提供外部发光阴影.

本页为例:http://royalwatches.pk/

请注意,主列在左侧和右侧都有阴影效果,以使列看起来在背景的"前面".

这张照片也显示了我在说什么:

在此输入图像描述

这是我要复制此效果的页面:http://blu-rays.pk/index.php

有人可以指导我需要做什么CSS/HTML更改?

旁注:把这一切都放在jsfiddle中似乎不切实际,这就是为什么我提到这些网站而不是..

Vuc*_*cko 11

你可以使用box-shadow属性.

CSS

img{
    box-shadow: 0px 0px 5px gray;
}
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

或者在你的情况下:

#wrapper{
    box-shadow: 0px 0px 5px gray;
}
Run Code Online (Sandbox Code Playgroud)

注意:删除background-image#wrapper.