css3阴影效果

 

.div1 {
    width:500px;
    height:300px;
    background-color: red;
    border: 5px solid #dedede; 
    /*box  x阴影  y阴影  10羽化  阴影颜色  */
    box-shadow: 0px 0px 40px black inset;/* inset 向内阴影 */
}

.div1 span{
    font-size: 50px;
    font-family:\5FAE\8F6F\96C5\9ED1;/* 微软雅黑  */
    /*text   x阴影  y阴影  10羽化  阴影颜色  */
    text-shadow: 0px 0px 20px black;
    /*box  x阴影  y阴影  10羽化  阴影颜色  */
    box-shadow: 10px 10px 10px black ;
    margin: 20px;
}

 

效果图：

 

更好的讲解：http://demo.doyoe.com/css3/box-shadow/