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 更多素材功能
暂无评论内容