一般动画
基本
添加
.animation-{name} 类到需要添加动画的元素上。
反相
添加
.animation-reverse 类到需要反相动画的元素上。
时间
添加
.animation-duration-{time(秒)} 类到动画元素上。
延迟
添加
.animation-delay-{time(毫秒)} 类到动画元素上。
NProgress 官网
基础 API
位置
样式
Loading 图标
下列是通过纯 CSS 实现的 Loading 图标，只需添加
.loader 和
.loader-{type} 即可。单击下面的按钮查看示例。
Default
Grill
Circle
Round Circle
Tadpole
Ellipsis
Dot
Bounce
Cube
Rotate plane
Folding cube
Cube grid
Appear Animate 官网
Fade
使用
data-plugin="appear" 和
data-animate="fade" 添加 Appear 动画。
Slide Top
使用
data-plugin="appear" 和
data-animate="slide-top" 添加 Appear 动画。
Slide Bottom
使用
data-plugin="appear" 和
data-animate="slide-bottom" 添加 Appear 动画。
Scale Up
使用
data-plugin="appear" 和
data-animate="scale-up" 添加 Appear 动画。
Scale Down
使用
data-plugin="appear" 和
data-animate="scale-down" 添加 Appear 动画。
Slide Right
使用
data-plugin="appear" 和
data-animate="slide-right" 添加 Appear 动画。