CSS Loaders

网站特色

• 收集了超过 500 个 web 动画加载效果，五花八门，几乎覆盖我们所见过的所有动画；
• 所有的动画都是通过 CSS3 来实现，没有一行 JS 代码；
• 所有的动画都只需要一个 dom 元素，开发调用很简单，代码也很简洁。

开发上手

CSS Loaders 主页是一个随机的动画效果，显示了该动画的 dom 结构代码，非常简洁：

<div class="loader"></div>

所有的动画效果都是这个结构，然后我们鼠标悬停在动画上，就会显示「copy the css」按钮，点击就会复制这个 loader 的所有样式，粘贴到我们的项目 css 中，动画就生效了，使用非常简单。

免费开源说明

CSS Loaders 上所有动画效果的代码都是公开可见的，而且得益于 CSS3 强大的动画支持，实现的代码都很简洁，我们直接复制使用就可以了。