# 加载动画

加载动画是进入到博客的第一印象,令人惊艳的加载动画能带来不少的趣味性。当然,没有加载动画能够带来更高效的体验。

# 动画样式

构建自定义的加载动画。

修改加载动画内容 (opens new window) - Akilar

相比旧版教程,优势在于可以根据配置项内的指定选项加载对应样式。 不选的样式就不加载了,有效节省资源。 同时优化了代码结构,方便读者融会贯通以后,自行添加其他加载动画。 最新版内容支持自定义图片(png,jpg,gif均可)作为加载动画

SAO-UI-PLAN-LINK-START (opens new window) - Akilar

又到了店长的执念时间。ヾ(≧▽≦*)o 这次在浏览codepen上的有趣项目时看到了一个星际穿越效果的项目-Hyperspace (opens new window),瞬间来了兴趣,只要稍加变形,把底图从星空换成一张彩色点阵图就可以实现刀剑神域里经典的登录画面了。

Hexo的Butterfly下自定义加载动画之小汽车动画的实现 (opens new window) - 张洪Heo

在Codepen中看到了一个推荐了好多天的无div动画,这个教程主要是来介绍如何在Hexo的Butterfly主题下使用这种无div动画并以这个小汽车为例。感谢原作者abxlfazl khxrshidi的小汽车!~

Heo同款loading动画 (opens new window) - 安知鱼

昨天看到洪哥的加载动画很奇特,就只有一个头像,之前一直以为洪哥没有加载动画原来是加载太快看不到

# 加载条

构建自定义的加载进度条。

给Butterfly加上顶部加载条 (opens new window) - 轻笑Chuckle

效果已在本站实装,切换页面顶部有加载进度条 参考文章为Hexo博客添加顶部加载条

最近更新时间: 2022-9-17