loadme💫 The most comprehensive applicable to the loading library on mobile

introduction

loadme Almost is the most comprehensive loading library is suitable for the mobile end style,And also in a continuously updated constantly,And it is also very easy to use,Because it is almost pure CSS 3 code.

document

简体中文文档

the basic use

loadme is very simple,Because it is almost pure CSS 3 code.After loading the loadme.css,you can easily use it.loadme-mask is the mask layer,you can use it selectively,loadme-circular is what you need to load the loading style.

<link rel="stylesheet" type="text/css" href="loadme.css">

DEMO

<div class="loadme-circular"></div>
<div class="loadme-mask"></div>

love loading

<div class="loadmeLove"></div>

ios loading

<div class="loadme-ios"></div>

clock loading

<div class="loadme-mask"></div>
<div class="loadmeClock">
    <div class="loadmeClock-body">
        <div class="loadmeClock-pendulum">
            <div class="loadmePendulum-stick"></div>
            <div class="loadmePendulum-body"></div>
        </div>
    </div>
</div>

rotateplane loading

<div class="loadme-rotateplane"></div>
<div class="loadme-mask"></div>

cubeGrid loading

<div class="loadme-cubeGrid"></div>
<div class="loadme-mask"></div>

circleBounce loading

<div class="loadme-circleBounce"></div>
<div class="loadme-mask"></div>

loadmeRect loading

<div class="loadme-loadmeRect"></div>
<div class="loadme-mask"></div>

cube loading

<div class="loadme-cube"></div>
<div class="loadme-mask"></div>

scaleout loading

<div class="loadme-scaleout"></div>
<div class="loadme-mask"></div>

dot loading

<div class="loadme-dot"></div>
<div class="loadme-mask"></div>

bounced loading

<div class="loadme-bounced"></div>
<div class="loadme-mask"></div>

circlePoint loading

<div class="loadme-circlePoint"></div>
<div class="loadme-mask"></div>

fadingCircle loading

<div class="loadme-fadingCircle"></div>
<div class="loadme-mask"></div>

foldingCube loading

<div class="loadme-foldingCube"></div>
<div class="loadme-mask"></div>

extension

• tin-flex (Based on the flex framework of the minimalist)
• tinui (Powerful and minimalist mobile UI framework)

License

The MIT License(http://opensource.org/licenses/MIT)

contribution

If you have good ideas or Suggestions，Welcome to our issue or pull request