One CSS3 filter: Drop-shadow, and css3 filter: drop-shadow
<Html>
<Head>
<Title> CSS3 Drop-shadow </title>
<Style type = "text/css">
. Drop-shadow {
Width: 500px;
Height: 300px;
Position: relative;
Background: # ccc;
}
. Drop-shadow: before,
. Drop-shadow: after {
Content :"";
Position: absolute;
Z-index:-1;
Bottom: 15px;
Width: 30%;
Height: 20%;
/* Add box-shadow */
-Webkit-box-shadow: 0 15px 10px rgba (125,125,125, 0.8 );
-Moz-box-shadow: 0 15px 10px rgba (125,125,125, 0.8 );
Box-shadow: 0 15px 10px rgba (125,125,125, 0.8 );
}
. Drop-shadow: before {
Left: 5px;
-Webkit-transform: rotate (-3deg );
-Moz-transform: rotate (-3deg );
-O-transform: rotate (-3deg );
Transform: rotate (-3deg );
}
. Drop-shadow: after {
Right: 5px;
-Webkit-transform: rotate (3deg );
-Moz-transform: rotate (3deg );
-O-transform: rotate (3deg );
Transform: rotate (3deg );
}
</Style>
</Head>
<Body>
<Div> <A href = "http://www.999jiujiu.com/"> http://www.999jiujiu.com/</A> </div>
<Div class = "drop-shadow"> </div>
</Body>
</Html>