CSS3 loading三圆点加载动画特效

学习笔记 2018/07/03 CSS

安装

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

npm install three-dots --save

使用方法

在页面中引入three-dots.css。


HTML结构

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


可用的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

本文地址:https://www.stayed.cn/item/100

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。