闲来无事，用纯 CSS 制作的一组加载动画

[nzbin]

之前在很多 App 上看到加载动画都是三个点形式的，突发奇想试着用 CSS 做了三个点的加载动画，而且这些动画都是单元素实现的，也就是只有一个 div 标签。

因为单元素限制比较多，所以实现起来比较困难，很多加载动画有些生硬，但是基本实现了想要的效果。个人觉得这个项目比较能考验 CSS 功底。

大家也可以发挥想象力，条件是三个点以及一个元素，还能实现哪些动画效果，欢迎给我留言。

先贴上项目地址： https://github.com/nzbin/three-dots

[batnss]

红绿灯 233

[Backkey]

喜欢❤

[strugglexiang]

老哥，厉害

[nzbin]

@batnss 没错哈，不过实现形式与第三个相同，嘿嘿

[zqjilove]

收藏了，已 star

[molvqingtai]

有种 CSS 叫别人写的 CSS😄

[veau]

收藏了，已 star

[nzbin]

@molvqingtai 😁

[mikac]

收藏一下，楼主好厉害

[JohnChiu]

很漂亮，点赞

[paicha]

不错，支持下。

[LeungJZ]

点赞，已 star。

[CasualYours]

之前看到有水波的效果，感觉也比较酷。

[nzbin]

@CasualYours 水波纹的话两个点就可以实现

[narakus]

不错，已 star

[Desiree]

给力，向大佬学习。。

[iblessyou]

看不到预览图，查看页面源码 找到地址打开看到了。。。看一圈 感觉还是前几个那种常见的比较好

[grewer]

之前用 svg 做过


@batnss 红路灯很有想法

[nzbin]

@iblessyou 其它也比较常见吧，不过大多数类似效果都是多元素实现的，其中第二个效果也废了老大劲。又想到几个不错的点子 😎

[nzbin]

@grewer svg 的话就比较灵活了，但是也复杂了