Yo 精心准备了超过60款动画形态,可以随意组合或者单独使用。可以像使用元件那样,按需引用你所需要的动画形态。
elastic-in-down( ) #
描述: 定义弹性下落动画
源码位置: ./style/lib/ani/elastic-in-down.scss:3
Demo地址: 点击访问
示例:
<div class="ani elastic-in-down">该元素将会被应用elastic-in-down动画</div>
elastic-in-left( ) #
描述: 定义从左侧弹性进入动画
源码位置: ./style/lib/ani/elastic-in-left.scss:3
elastic-in-right( ) #
描述: 定义从右侧弹性进入动画
源码位置: ./style/lib/ani/elastic-in-right.scss:3
elastic-in-up( ) #
描述: 定义弹性升起动画
源码位置: ./style/lib/ani/elastic-in-up.scss:3
elastic-in( ) #
描述: 定义弹性进入动画
源码位置: ./style/lib/ani/elastic-in.scss:3
elastic-out-down( ) #
描述: 定义弹性向下移出动画
源码位置: ./style/lib/ani/elastic-out-down.scss:3
elastic-out-left( ) #
描述: 定义弹性向左移出动画
源码位置: ./style/lib/ani/elastic-out-left.scss:3
elastic-out-right( ) #
描述: 定义弹性向右移出动画
源码位置: ./style/lib/ani/elastic-out-right.scss:3
elastic-out-up( ) #
描述: 定义弹性向上移出动画
源码位置: ./style/lib/ani/elastic-out-up.scss:3
elastic-out( ) #
描述: 定义弹性移出动画
源码位置: ./style/lib/ani/elastic-out.scss:3
elastic-x( ) #
描述: 定义X轴弹性动画
源码位置: ./style/lib/ani/elastic-x.scss:3
elastic-y( ) #
描述: 定义Y轴弹性动画
源码位置: ./style/lib/ani/elastic-y.scss:3
extrusion( ) #
描述: 定义橡皮圈挤压回弹动画
源码位置: ./style/lib/ani/extrusion.scss:3
flash( ) #
描述: 定义闪烁动画
源码位置: ./style/lib/ani/flash.scss:3
hinge( ) #
描述: 定义悬挂动画
源码位置: ./style/lib/ani/hinge.scss:3
pulse( ) #
描述: 定义脉冲动画
源码位置: ./style/lib/ani/pulse.scss:3
shake( ) #
描述: 定义摇动动画
源码位置: ./style/lib/ani/shake.scss:3
sling( ) #
描述: 定义吊索动画
源码位置: ./style/lib/ani/sling.scss:3
stretch( ) #
描述: 定义橡皮圈拉伸回弹动画
源码位置: ./style/lib/ani/stretch.scss:3
swing( ) #
描述: 定义晃动动画
源码位置: ./style/lib/ani/swing.scss:3
wobble( ) #
描述: 定义摆动动画
源码位置: ./style/lib/ani/wobble.scss:3
fade-in-down( ) #
描述: 定义淡入落下动画
源码位置: ./style/lib/ani/fade-in-down.scss:3
fade-in-left( ) #
描述: 定义从左侧淡入动画
源码位置: ./style/lib/ani/fade-in-left.scss:3
fade-in-right( ) #
描述: 定义从右侧淡入动画
源码位置: ./style/lib/ani/fade-in-right.scss:3
fade-in-up( ) #
描述: 定义淡入升起动画
源码位置: ./style/lib/ani/fade-in-up.scss:3
fade-in( ) #
描述: 定义淡入动画
源码位置: ./style/lib/ani/fade-in.scss:3
fade-out-down( ) #
描述: 定义从下面淡出动画
源码位置: ./style/lib/ani/fade-out-down.scss:3
fade-out-left( ) #
描述: 定义从左侧淡出动画
源码位置: ./style/lib/ani/fade-out-left.scss:3
fade-out-right( ) #
描述: 定义从右侧淡出动画
源码位置: ./style/lib/ani/fade-out-right.scss:3
fade-out-up( ) #
描述: 定义从上面淡出动画
源码位置: ./style/lib/ani/fade-out-up.scss:3
fade-out( ) #
描述: 定义淡出动画
源码位置: ./style/lib/ani/fade-out.scss:3
flip-in-x( ) #
描述: 定义翻转动画
源码位置: ./style/lib/ani/flip-in-x.scss:3
flip-in-y( ) #
源码位置: ./style/lib/ani/flip-in-y.scss:3
flip-out-x( ) #
源码位置: ./style/lib/ani/flip-out-x.scss:3
flip-out-y( ) #
源码位置: ./style/lib/ani/flip-out-y.scss:3
flip( ) #
源码位置: ./style/lib/ani/flip.scss:3
roll-in-left( ) #
描述: 定义从左侧翻滚进入动画
源码位置: ./style/lib/ani/roll-in-left.scss:3
roll-in-righ( ) #
描述: 定义从右侧翻滚进入动画
源码位置: ./style/lib/ani/roll-in-right.scss:3
roll-out-left( ) #
描述: 定义从左侧翻滚出去动画
源码位置: ./style/lib/ani/roll-out-left.scss:3
roll-out-right( ) #
描述: 定义从右侧翻滚出去动画
源码位置: ./style/lib/ani/roll-out-right.scss:3
rotate-in-down-left( ) #
描述: 定义旋转从左向下进入动画
源码位置: ./style/lib/ani/rotate-in-down-left.scss:3
rotate-in-down-right( ) #
描述: 定义旋转从右向下进入动画
源码位置: ./style/lib/ani/rotate-in-down-right.scss:3
rotate-in-up-left( ) #
描述: 定义旋转从左向上进入动画
源码位置: ./style/lib/ani/rotate-in-up-left.scss:3
rotate-in-up-right( ) #
描述: 定义旋转从右向上进入动画
源码位置: ./style/lib/ani/rotate-in-up-right.scss:3
rotate-in( ) #
描述: 定义旋转进入动画
源码位置: ./style/lib/ani/rotate-in.scss:3
rotate-out-down-left( ) #
描述: 定义旋转从左往下退出动画
源码位置: ./style/lib/ani/rotate-out-down-left.scss:3
rotate-out-down-right( ) #
描述: 定义旋转从右往下退出动画
源码位置: ./style/lib/ani/rotate-out-down-right.scss:3
rotate-out-up-left( ) #
描述: 定义旋转从左向上退出动画
源码位置: ./style/lib/ani/rotate-out-up-left.scss:3
rotate-out-up-right( ) #
描述: 定义旋转从右向上退出动画
源码位置: ./style/lib/ani/rotate-out-up-right.scss:3
rotate-out( ) #
描述: 定义旋转退出动画
源码位置: ./style/lib/ani/rotate-out.scss:3
rotate( ) #
描述: 定义旋转动画
源码位置: ./style/lib/ani/rotate.scss:3
speed-in-left( ) #
描述: 定义从左侧快速进入动画
源码位置: ./style/lib/ani/speed-in-left.scss:3
speed-in-right( ) #
描述: 定义从右侧快速进入动画
源码位置: ./style/lib/ani/speed-in-right.scss:3
speed-out-left( ) #
描述: 定义从左侧快速出去动画
源码位置: ./style/lib/ani/speed-out-left.scss:3
speed-out-right( ) #
描述: 定义从右侧快速出去动画
源码位置: ./style/lib/ani/speed-out-right.scss:3
描述: 定义从左侧放大进入动画
源码位置: ./style/lib/ani/zoom-in-left.scss:3
zoom-in-down( ) #
描述: 定义放大下降进入动画
源码位置: ./style/lib/ani/zoom-in-down.scss:3
zoom-in-right( ) #
描述: 定义从右侧放大进入动画
源码位置: ./style/lib/ani/zoom-in-right.scss:3
zoom-in-up( ) #
描述: 定义放大上升进入动画
源码位置: ./style/lib/ani/zoom-in-up.scss:3
zoom-in( ) #
描述: 定义放大进入动画
源码位置: ./style/lib/ani/zoom-in.scss:3
zoom-out-down( ) #
描述: 定义下降缩小退出动画
源码位置: ./style/lib/ani/zoom-out-down.scss:3
zoom-out-left( ) #
描述: 定义从左往右缩小退出动画
源码位置: ./style/lib/ani/zoom-out-left.scss:3
zoom-out-right( ) #
描述: 定义从右往左缩小退出动画
源码位置: ./style/lib/ani/zoom-out-right.scss:3
zoom-out-up( ) #
描述: 定义上升缩小退出动画
源码位置: ./style/lib/ani/zoom-out-up.scss:3
zoom-out( ) #
描述: 定义缩小退出动画
源码位置: ./style/lib/ani/zoom-out.scss:3