css实现艺术字

最近在写一个新的小活动,本来有涉及艺术字的标题,本来是想用图片展示的,后来面向百度编程的时候,发现可以使用css来实现

效果及代码如下

    font-size: 60rpx;
    color: #fff;
    text-shadow: 0 0 5px #FF0200, 0 0 10px #727272;
    text-align: center;
    margin: 30rpx auto;

  

 

    font-size: 30px;
    background: linear-gradient(to right, red, blue);
    -webkit-background-clip: text;
    color: transparent;

 以上代码是参考https://blog.csdn.net/jiangzhihao0515/article/details/129138775的分享写出来的。

上边效果的颜色可以根据自己需求,自由设置

posted @ 2023-04-17 17:28  冰晨之露  阅读(267)  评论(0编辑  收藏  举报