三圆点CSS3 loading加载动画特效库

三圆点CSS3 loading加载动画特效库

three-dots.css是一款三圆点CSS3 loading加载动画特效库。three-dots.css中集成了14种三园点loading动画特效,以及三种增强动画效果。

安装
可以通过npm来安装three-dots.css。

1
npm install three-dots --save

使用方法
在页面中引入three-dots.css。

1
<link href="css/three-dots.css" rel="stylesheet">

HTML结构
然后在你需要添加Loading效果的容器上添加相应的class类即可。

1
2
3
4
5
6
7
8
9
10
<div class="dot-elastic"></div>
<div class="dot-pulse"></div>
<div class="dot-flashing"></div>
<div class="dot-collision"></div>
<div class="dot-revolution"></div>
<div class="dot-translation"></div>
<div class="dot-typing"></div>
<div class="dot-windmill"></div>
<div class="dot-bricks"></div>
<div class="dot-floating"></div>

文件信息:

    4

    发表评论