实现一个描边颜色渐变的文字

效果如图

  

直接上代码

        //  文字描边
        -webkit-text-stroke: 2px #fff;
        // 文字渐变颜色
        background: linear-gradient(#fd4277 0% 35%, #ff7d72 55% 100%);
        background-clip: text;
        -webkit-background-clip: text; /* Safari/Chrome */
        -webkit-text-fill-color: transparent; /* Safari/Chrome */
        color: transparent;

 

 自己不常用 记录一下

posted on 2023-12-19 10:01  贲风  阅读(17)  评论(0编辑  收藏  举报