css实现艺术字

最新推荐文章于 2024-04-23 11:04:30 发布

冰晨之露

最新推荐文章于 2024-04-23 11:04:30 发布

阅读量1.8k

点赞数

文章标签： css 前端 css3 html

本文链接：https://blog.csdn.net/lll19960406/article/details/130212850

版权

最近在写一个新的小活动，本来有涉及艺术字的标题，本来是想用图片展示的，后来面向百度编程的时候，发现可以使用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的分享写出来的。

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

关注