text-shadow

最新推荐文章于 2020-07-21 11:47:22 发布

weixin_33691817

最新推荐文章于 2020-07-21 11:47:22 发布

阅读量74

点赞数

原文链接：http://www.cnblogs.com/lujieting/p/10145653.html

版权

/*添加阴影 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);
}