2

私はウェブサイトを作成しています.ページのメインコラムに外側のグローシャドウを与えるこの効果を作成したいと思います..

このページは一例です: http://royalwatches.pk/

柱が背景の「前」にあるように見せるために、柱の左右両側に影の効果があることに注意してください。

この写真は、私が話していることも示しています。

ここに画像の説明を入力

これは、この効果を再現したいページです: http://blu-rays.pk/index.php

どのような CSS/HTML の変更を行う必要があるかについて、誰かが私を案内してくれますか?

補足: これをすべて jsfiddle に入れるのは現実的ではないように思えたので、代わりにサイトについて言及しました..

4

2 に答える 2

11

box-shadowプロパティを使用できます。

CSS

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

JSFiddle

またはあなたの場合：

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

注: から を削除background-imageし#wrapperます。

于 2013-06-22T14:16:42.410 に答える