知识点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;