动画与特效

Easy Style 的动画特效，让你的网页元素变的更加有趣！

开始使用

先添加类 bk-animate，以开始为元素设置动画。

添加 infinite 扩展类可以让动画循环播放。

添加 loop 扩展类可以让动画播放完毕之后原路返回。

添加 reverse 扩展类可以让动画反转播放。

添加 slow、fast 扩展类可以设置动画播放的速度（慢为 2 秒，默认为 1 秒，快为 0.5 秒）

缩放动画：

<button class="btn yellow bk-animate scale-small infinite">从大变小</button>
<button class="btn yellow bk-animate scale-large infinite">从小变大</button>

淡入淡出动画：

<button class="btn yellow bk-animate fade-in infinite">一般淡入</button>
<button class="btn yellow bk-animate fade-in-top infinite">向上淡入</button>
<button class="btn yellow bk-animate fade-in-bottom infinite">向下淡入</button>
<button class="btn yellow bk-animate fade-in-left infinite">向左淡入</button>
<button class="btn yellow bk-animate fade-in-right infinite">向右淡入</button>

旋转动画：

<button class="btn yellow bk-animate rotate infinite">旋转</button>
<button class="btn yellow bk-animate slide-left-right infinite">左右摇动</button>

位移动画：

<button class="btn yellow bk-animate up-and-down infinite">上下运动</button>
<button class="btn yellow bk-animate left-and-right infinite">左右运动</button>