LOADING. IO – 免费在线 Loading 加载动画、文字、背景生成器，大量提供各种前端素材免费资源

LOADING. IO是一个帮助你快速生成Loading 动画效果的免费在线工具，LOADING. IO 具有多种选项，让你定制一个独特的 Loading 动画效果，非常适合前端设计师与网页设计师来快速实现加载的动态效果。

LOADING. IO 提供的 Loading 效果非常全面，不仅仅能帮你产生常见的页面转场 Loading 效果，同时也提供动态 Icon、Preloaders 预载动画、按钮动画、纯 CSS 加载动画… 等等，所提供的功能可说是包山包海，对于前端工作者来说，绝对是必收藏的工具网站之一。

网站名称：loading.io – Your SVG + GIF + PNG Ajax Loading Icons and Animation Generator

网站网址：https://loading.io/

LOADING. IO 简介与教学

一开始进入 LOADING. IO 的首页之后，点击「Get Start」就会下移至 Loading 产生的设置画面，你当然也可以自己往下拉，这两者是一样的。 接着就可以开始进行各种 Loading 效果的调整：

LOADING. IO 给予 Loading 动画效果的调整选项非常多，从颜色、圆角、宽度、高度、数量、半径、速度、大小… 等等。 这些设定可以让你自由去调整，让你的 Loading 动画效果绝对是独一无二的。

而从下方可以看到，LOADING. IO 一开始就提供了不少的免费 Loading Icon 给我们做选择，你可以从中挑选不同类型的 Loading Icon。

除此之外，在免费 Icon 下方，LOADING. IO 也提供了付费的 Icon 让你做选择，虽然是付费的，但每个付费 Loading Icon 的费用仅需 $1.99 美元，相当于13人民币左右，实在也是非常便宜划算。 因此，如果你比较中意付费的 Loading Icon，当然也可以直接付费购买。

刚刚提到，LOADING. IO 提供了许多定制的选项，根据你所选择的 Loading Icon 不同，其所提供的定制选项也会有所不一样：

ps：你可以通过网页翻译查看具体的选项名称

当你调整好 Loading 的效果之后，LOADING. IO 提供了多种格式让我们下载，包括了：GIF、SVG、CSS、PNG 格式，而且，你也能直接储存为你的 Asset，直接提供网址给其他人使用。

在你下载之前，需要登录 LOADING. IO 的帐号才能进行下载。 第一次使用势必是没有帐号的，你可以直接在 LOADING. IO 建立一个免费帐号，或直接使用 Google、Facebook 的帐号直接链接登入。

LOADING. IO 更多素材功能

LOADING. IO 不仅仅只有免费制作 Loading Icon 动态图标的功能而已，在 LOADING. IO 网站当中，还提供了「Loader Gallery」、「Animate Icons」、「Vector Icon」、「Loading Text」、「Loading Patterns」、「Loading Backgrounds」、「Loading Bar」… 等等，甚至还免费提供了 CSS Loaders 与 JS Loaders 的 Libraries，放在 GitHub 开源给大家使用，非常的用心。