系统提供弹跳、缩放、警灯、旋转、风车、渐入等各类动作。

缩放效果

网页动画是大多数基层开发者的苦恼，zico图标系统体察到了广大码农们的真切需求，并倾力解决之。
你只要引用zi_zoom样式，就能引用一个渐入的分步加载效果，实现动画展入的场景，代码结构：

<i class="zi zi_bomb zi_zoom"></i>

效果展示：

弹跳效果

引用zi_bounce可以实现图标的上下弹跳显示，代码结构：

<i class="zi zi_smileyFace zi_bounce"></i>

效果展示：

警灯闪烁效果

引用zi_danger可以实现图标的上下弹跳显示，代码结构：

<i class="zi zi_chessking zi_danger"></i>

效果展示：

渐入效果

网页动画是大多数基层开发者的苦恼，zico图标系统体察到了广大码农们的真切需求，并倾力解决之。
你只要引用zi_load样式，就能引用一个渐入的分步加载效果，实现动画展入的场景，如下：

`

无缝旋转效果

引用zi_spin可以实现360度的无缝旋转，代码结构：

<i class="zi zi_Rudder zi_spin"></i>

效果展示：

`

分步式加载

引用zi_pulse可以实现卡壳式八式加载效果，代码结构：

<i class="zi zi_Rudder zi_pulse"></i>

效果展示：

`

拉开效果

引用zi_pull效果，实现从左向右展开的效果（正式命：拉开)，效果如下：

此类动作广泛用于京东签到等体验中，非常实用。

注：

1. “拉开”动作只在加载时显示一次，如要看效果请在当前位置刷新此页面,JS生成部份效果略有差异。
2. 如果要使之与其它元素并排，应该在图标i上层加一个包裹，用display:inline-block来定义它，从而使之互相并排

未来我们还将加入更多的动画效果，以满足广大开发者。