微信小程序实现字体渐变色

1.效果：

2.实现： 

        .name{
            margin-top: 20rpx;
            margin-left: 20rpx;
            margin-bottom: 20rpx;
            font-family: fangyuanti;
            font-size: 50rpx;
            background: linear-gradient(90deg, rgba(144,58,180,1) 0%, rgba(253,29,229,1) 50%, rgba(252,176,69,1) 100%);
            -webkit-background-clip: text;
            background-clip: text; /*以文字的范围对背景进行裁剪*/
            color: transparent;
        }