2022年1月

在整个代码前，添加div，即loading层

<div id="loading">
    <img src="images/loading.gif" alt="loading.." />
</div>

CSS

#loading {
    position: fixed;
    z-index: 400;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 1rem;
    color: #585858;
    background: #fff;
}

jQuery

jQuery(document).ready(function(){
    jQuery(window).load(function(){  //load函数
        jQuery("#loading").hide();
    });
});

1、 渐变的背景

background: -webkit-linear-gradient(-45deg, #ccc 20%, #999 60%);

2、规定背景的绘制区域为文字区域

-webkit-background-clip: text;

3、文字填充颜色

-webkit-text-fill-color: transparent;