知识点2: 给文字添加渐变样式

效果图：

文字的css:

    background-image:-webkit-linear-gradient(bottom, #00d5fd,#84eaff,#00d5fd);  
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 2;

文字前面原点的css

    background-image:-webkit-linear-gradient(bottom, #00d5fd,#84eaff,#00d5fd);  
    -webkit-background-clip: content-box;
    -webkit-text-fill-color: transparent;
    z-index: 2;