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/