基于 Easings.net API 实现的一个轻量级缓动动画库。
snu.easeInSine()
缓动动画 - 正弦曲线入
使用正弦曲线作为缓动动画的入(开始)效果。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutSine()
缓动动画 - 正弦曲线出
使用正弦曲线作为缓动动画的出(结束)效果。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutSine()
缓动动画 - 正弦曲线入出
使用正弦曲线作为缓动动画的入出(开始和结束)效果。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInQuad()
缓动动画 - 二次函数图象入
创建一个二次函数图象缓动动画效果的入(开始)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutQuad()
缓动动画 - 二次函数图象出
创建一个二次函数图象缓动动画效果的出(结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutQuad()
缓动动画 - 二次函数图象入出
创建一个二次函数图象缓动动画效果的入出(开始和结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值 |
snu.easeInCubic()
缓动动画 - 三次函数图象入
创建一个三次函数图象缓动动画效果的入(开始)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutCubic()
缓动动画 - 三次函数图象出
创建一个三次函数图象缓动动画效果的出(结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutCubic()
缓动动画 - 三次函数图象入出
创建一个三次函数图象缓动动画效果的入出(开始和结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInQuart()
缓动动画 - 四次函数图象入
创建一个四次函数图象缓动动画效果的入(开始)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutQuart()
缓动动画 - 四次函数图象出
创建一个四次函数图象缓动动画效果的出(结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutQuart()
缓动动画 - 四次函数图象入出
创建一个四次函数图象缓动动画效果的入出(开始和结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInQuint()
缓动动画 - 五次函数图象入
创建一个五次函数图象缓动动画效果的入(开始)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutQuint()
缓动动画 - 五次函数图象出
创建一个五次函数图象缓动动画效果的出(结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutQuint()
缓动动画 - 五次函数图象入出
创建一个五次函数图象缓动动画效果的入出(开始和结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInExpo()
缓动动画 - 指数入
创建一个指数缓动动画效果的入(开始)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutExpo()
缓动动画 - 指数出
创建一个指数缓动动画效果的出(结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutExpo()
缓动动画 - 指数入出
创建一个指数缓动动画效果的入出(开始和结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInCirc()
缓动动画 - 椭圆入
创建一个椭圆缓动动画效果的入(开始)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutCirc()
缓动动画 - 椭圆出
创建一个椭圆缓动动画效果的出(结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutCirc()
缓动动画 - 椭圆入出
创建一个椭圆缓动动画效果的入出(开始和结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutBack()
缓动动画 - 回退出
创建一个回退缓动动画效果的出(结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutBack()
缓动动画 - 回退入出
创建一个回退缓动动画效果的入出(开始和结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInElastic()
缓动动画 - 弹性入
创建一个弹性缓动动画效果的入(开始)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutElastic()
缓动动画 - 弹性出
创建一个弹性缓动动画效果的出(结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutElastic()
缓动动画 - 弹性入出
创建一个弹性缓动动画效果的入出(开始和结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInBounce()
缓动动画 - 弹跳入
创建一个弹跳缓动动画效果的入(开始)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeOutBounce()
缓动动画 - 弹跳出
创建一个弹跳缓动动画效果的出(结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.easeInOutBounce()
缓动动画 - 弹跳入出
创建一个弹跳缓动动画效果的入出(开始和结束)函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |
snu.linear()
缓动动画 - 线性
创建一个线性缓动动画效果的函数。
兼容性
Web | Android |
---|---|
√ | √ |
属性
名称 | 类型 | 必填 | 默认值 | 描述 |
---|---|---|---|---|
t | Number | 是 | - | 当前时间(0 到 1 之间)。 |
返回值
类型 | 必备 | 描述 |
---|---|---|
Number | 是 | 返回当前时间对应的动画值。 |