屏幕居中:
.box{
position: absolute;
top:50%;
left:50%;
width:100%;
transform:translate(-50%,-50%);
text-align: center;
}
颜色渐变:
.gradient-text-one{
background-image:-webkit-linear-gradient(bottom,blue,#0ef9ff,#fff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
参考:https://www.cnblogs.com/hutuzhu/p/4450850.html(垂直居中)
https://blog.csdn.net/Zckguiying/article/details/86528732(字体渐变)