1. 程式人生 > >使用css3之text-shadow實現藝術字

使用css3之text-shadow實現藝術字

在css3中text-shadow屬性就是實現基礎的文字陰影效果:

span{
    /*
        文字陰影:
        text-shadow: 水平位移 垂直位移  模糊程度  陰影顏色;
    */
    font: 700 100px "Comic Sans MS";
    color: white;
    text-shadow: 0 0 20px #fdec84,
            10px -10px 30px #ffae35,
            20px -20px 40px #ec760c,
            -20px -60px 50px #cd4607,
            0px -80px 60px #973717,
            10px -40px 70px #451b0e;
}

body{
    text-align: center;
    background-color: black;
}

效果如下: