text-shadow

/*添加阴影 text-shadow:offsetX offsetY blur color*/

.demo1{
    text-shadow: -2px -2px 5px red;
}
.demo2{
    text-shadow: 0px 0px 30px #fff;
}
/*多层阴影效果*/
.demo3{
    text-shadow: 0px 0px 30px #fff,0px 0px 50px red,0px 0px 70px #fff;
}
.demo4{
    color: black;
    text-shadow: 0px 1px 0px #fff;
}
/*浮雕立体效果*/
.demo5{
    color: #fff;
    text-shadow: -1px -1px 0px #eee,-2px -2px 0px #ddd,-3px -3px 0px #ccc;
}
.demo6{
    color: transparent;
    text-shadow: 0px 0px 8px hsla(30,100%,30%,1);
}