基于 Easings.net API 实现的一个轻量级缓动动画库。

snu.easeInSine()

缓动动画 - 正弦曲线入

使用正弦曲线作为缓动动画的入（开始）效果。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInSine(0.5);

---

snu.easeOutSine()

缓动动画 - 正弦曲线出

使用正弦曲线作为缓动动画的出（结束）效果。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutSine(0.5);

---

snu.easeInOutSine()

缓动动画 - 正弦曲线入出

使用正弦曲线作为缓动动画的入出（开始和结束）效果。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInOutSine(0.5);

---

snu.easeInQuad()

缓动动画 - 二次函数图象入

创建一个二次函数图象缓动动画效果的入（开始）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInQuad(0.5);

---

snu.easeOutQuad()

缓动动画 - 二次函数图象出

创建一个二次函数图象缓动动画效果的出（结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutQuad(0.5);

---

snu.easeInOutQuad()

缓动动画 - 二次函数图象入出

创建一个二次函数图象缓动动画效果的入出（开始和结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值

示例

const value = snu.easeInOutQuad(0.5);

---

snu.easeInCubic()

缓动动画 - 三次函数图象入

创建一个三次函数图象缓动动画效果的入（开始）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInCubic(0.5);

---

snu.easeOutCubic()

缓动动画 - 三次函数图象出

创建一个三次函数图象缓动动画效果的出（结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutCubic(0.5);

---

snu.easeInOutCubic()

缓动动画 - 三次函数图象入出

创建一个三次函数图象缓动动画效果的入出（开始和结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInOutCubic(0.5);

---

snu.easeInQuart()

缓动动画 - 四次函数图象入

创建一个四次函数图象缓动动画效果的入（开始）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInQuart(0.5);

---

snu.easeOutQuart()

缓动动画 - 四次函数图象出

创建一个四次函数图象缓动动画效果的出（结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutQuart(0.5);

---

snu.easeInOutQuart()

缓动动画 - 四次函数图象入出

创建一个四次函数图象缓动动画效果的入出（开始和结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInOutQuart(0.5);

---

snu.easeInQuint()

缓动动画 - 五次函数图象入

创建一个五次函数图象缓动动画效果的入（开始）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInQuint(0.5);

---

snu.easeOutQuint()

缓动动画 - 五次函数图象出

创建一个五次函数图象缓动动画效果的出（结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutQuint(0.5);

---

snu.easeInOutQuint()

缓动动画 - 五次函数图象入出

创建一个五次函数图象缓动动画效果的入出（开始和结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInOutQuint(0.5);

---

snu.easeInExpo()

缓动动画 - 指数入

创建一个指数缓动动画效果的入（开始）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInExpo(0.5);

---

snu.easeOutExpo()

缓动动画 - 指数出

创建一个指数缓动动画效果的出（结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutExpo(0.5);

---

snu.easeInOutExpo()

缓动动画 - 指数入出

创建一个指数缓动动画效果的入出（开始和结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInOutExpo(0.5);

---

snu.easeInCirc()

缓动动画 - 椭圆入

创建一个椭圆缓动动画效果的入（开始）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInCirc(0.5);

---

snu.easeOutCirc()

缓动动画 - 椭圆出

创建一个椭圆缓动动画效果的出（结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutCirc(0.5);

---

snu.easeInOutCirc()

缓动动画 - 椭圆入出

创建一个椭圆缓动动画效果的入出（开始和结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInOutCirc(0.5);

---

snu.easeOutBack()

缓动动画 - 回退出

创建一个回退缓动动画效果的出（结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutBack(0.5);

---

snu.easeInOutBack()

缓动动画 - 回退入出

创建一个回退缓动动画效果的入出（开始和结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInOutBack(0.5);

---

snu.easeInElastic()

缓动动画 - 弹性入

创建一个弹性缓动动画效果的入（开始）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInElastic(0.5);

---

snu.easeOutElastic()

缓动动画 - 弹性出

创建一个弹性缓动动画效果的出（结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutElastic(0.5);

---

snu.easeInOutElastic()

缓动动画 - 弹性入出

创建一个弹性缓动动画效果的入出（开始和结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInOutElastic(0.5);

---

snu.easeInBounce()

缓动动画 - 弹跳入

创建一个弹跳缓动动画效果的入（开始）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInBounce(0.5);

---

snu.easeOutBounce()

缓动动画 - 弹跳出

创建一个弹跳缓动动画效果的出（结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeOutBounce(0.5);

---

snu.easeInOutBounce()

缓动动画 - 弹跳入出

创建一个弹跳缓动动画效果的入出（开始和结束）函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.easeInOutBounce(0.5);

---

snu.linear()

缓动动画 - 线性

创建一个线性缓动动画效果的函数。

兼容性

Web	Android
√	√

属性

名称	类型	必填	默认值	描述
t	Number	是	-	当前时间（0 到 1 之间）。

返回值

类型	必备	描述
Number	是	返回当前时间对应的动画值。

示例

const value = snu.linear(0.5);