webkit-box-shadow: 1px 1px 3px green, -1px -1px blue; 
-moz-box-shadow: 1px 1px 3px green,-1px -1px blue; 
box-shadow: 1px 1px 3px green, -1px -1px blue;

Clever Shadows

The CSS

.box:after { 
content: ''; 
position: absolute; 
z-index: -1; /* hide shadow behind image */
/* The Shadow */
-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); 
-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); 
-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); 
width: 70%; 
left: 15%; /* one half of the remaining 30% (see width above) */
height: 100px; 
bottom:  0; 
}

http://d2o0t5hpnwv4c1.cloudfront.net/855_cssProperties/images/coolShadow.png

想看更多的更酷的效果嘛，那你看下这篇教程吧。

3、text-shadow

出处：蓝色理想
责任编辑：bluehearts

上一页 你需要熟知10个的CSS3属性 [2] 下一页 你需要熟知10个的CSS3属性 [4]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。