内容简介：three-dots.css是一款CSS3 loading三圆点加载动画特效库。three-dots.css中集成了14种三圆点loading动画特效，以及三种增强动画效果。
three-dots.css是一款CSS3 loading三圆点加载动画特效库。three-dots.css中集成了14种三圆点loading动画特效，以及三种增强动画效果。
安装
可以通过npm来安装three-dots.css。
npm install three-dots --save
使用方法
在页面中引入three-dots.css。
<link href="css/three-dots.css" rel="stylesheet">
HTML结构
然后在你需要添加Loading效果的容器上添加相应的class类即可。
<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>
可用的class类有：
- dot-elastic
- dot-pulse
- dot-flashing
- dot-collision
- dot-revolution
- dot-carousel
- dot-typing
- dot-windmill
- dot-bricks
- dot-floating
- dot-fire
- dot-spin
- dot-falling
- dot-stretching
该CSS3 loading三圆点加载动画特效的github地址为： https://github.com/nzbin/three-dots
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
