公司项目中需要submit时候出现一个旋转的loading图像,考虑使用gif,设定背景是记得用background-size调整大小。在GoSquared网站上查到他们使用的方式:做9个(2px)×(6px)的白色白条,然后旋转白条,间隔40°。对每个白条设置不同透明度,然后修改他们的透明度,从1渐至0,再跳至1。能力有限,使用了gif,有空用透明度试试。

.btn_loading{
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    background-p_w_picpath: url(../../../Resources/p_w_picpath/loading.gif);
    background-position: 50%;
    background-size: contain;
    margin-top: 10px;
    width: 236px;
    height: 45px;
}