公司项目中需要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; }