span里增加gif

标签：absolute   position   loading   contain   display   

公司项目中需要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-image: url(../../../Resources/image/loading.gif);
    background-position: 50%;
    background-size: contain;
    margin-top: 10px;
    width: 236px;
    height: 45px;
}

本文出自 “Echo和你一起飞” 博客，请务必保留此出处http://5052416.blog.51cto.com/5042416/1655446

span里增加gif

标签：absolute   position   loading   contain   display   

原文地址：http://5052416.blog.51cto.com/5042416/1655446