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

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

image-20211205151801661

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 效果的调整:

image-20211205151910708

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

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

image-20211205151943340

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

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

image-20211205152716658

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 开源给大家使用,非常的用心。

版权声明 1 本网站名称:北忘山博客
2 本站永久网址:https://www.beiwangshan.com
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长删除。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论