2011-10-21 18 views
0

如何僅在DIV的頂部製作陰影,使用使用css3的Box-Shadow?如何僅在DIV頂部製作陰影

我要修改此CSS3代碼..做

box-shadow:0px 0px 45px #08C;; 

    -webkit-box-shadow: 0px 0px 45px #08C; 

    -moz-box-shadow: 10px 10px 10px 10px 15px #08C; 
+1

https://developer.mozilla.org/en/CSS/box-shadow –

回答

1

你並不需要的box-shadow前綴了,其實。 Plain box-shadow適用於較新的瀏覽器。

總之,語法是(例如):

box-shadow: 0px -12px 12px -7px black; 

在哪裏0像素是X,-12px是ÿ,12px的是模糊的量和-7px是傳播。它的傳播可以讓你創造這種效果。

看到它在行動在:http://jsfiddle.net/c6QLC/