博客已迁移至https://mrbird.cc 😊
Leanote theme      2017-06-01

为了提高博客用户体验,我们可以为其添加一些动画效果。这篇博文主要介绍如何添加页面切换动画以及页面加载动画。需要用到的插件:

Animsition.js:http://git.blivesta.com/animsition/

Loader.css:https://connoratherton.com/loaders

页面切换动画

首先从https://github.com/blivesta/animsition上下载插件包,解压后在博客主题中引入animsition.css和animsition.js:

<script src="{{$.themeBaseUrl}}/animsition.js"></script>
<link href="{{$.themeBaseUrl}}/animsition.css" rel="stylesheet">