简体中文
简体中文
# transition-timing-function
CSS 属性受到 transition effect的影响，会产生不断变化的中间值，而 CSS transition-timing-function 属性用来描述这个中间值是怎样计算的。实质上，通过这个函数会建立一条加速度曲线，因此在整个 transition 变化过程中，变化速度可以不断改变。
# uni-app x 兼容性
| Android | iOS | web |
|---|---|---|
| 3.9 | 4.11 | 4.0 |
# 语法
transition-timing-function: <easing-function>#;
# transition-timing-function 的属性值
ease
默认值。表示过渡效果开始缓慢，然后逐渐加速，最后减速结束。这是大多数情况下的推荐值，因为它创建了平滑的过渡效果。
ease-in
过渡开始时较慢，然后逐渐加速。这会在过渡初期创建一个缓慢的效果。
ease-out
过渡开始时较快，然后逐渐减速。这会在过渡末尾创建一个缓慢的效果。
ease-in-out
过渡开始时较慢，然后加速，最后减速。这是一个结合了ease-in和ease-out的时间函数，产生平滑的过渡效果。
linear
过渡效果是线性的，速度保持恒定，没有加速或减速。这会在整个过渡期间保持相同的速度。
cubic-bezier
用于自定义 CSS 过渡（transition）的时间函数的函数，它允许你精确地定义过渡效果的速度变化。
# App平台
App平台不支持指定多个过渡效果。
# 默认值
ease
# 兼容性
# transition-timing-function 的属性值兼容性
| Android | iOS | web | |
|---|---|---|---|
| ease | 3.9 | 4.11 | 4.0 |
| ease-in | 3.9 | 4.11 | 4.0 |
| ease-out | 3.9 | 4.11 | 4.0 |
| ease-in-out | 3.9 | 4.11 | 4.0 |
| linear | 3.9 | 4.11 | 4.0 |
| cubic-bezier | 3.9 | 4.11 | 4.0 |
# 浏览器兼容性
| Chrome | Edge | Firefox | Opera | Safari | IE | |
|---|---|---|---|---|---|---|
| transition-timing-function | √（ 26 ） | √（ 12 ） | √（ 16 ） | √（ 12.1 ） | √（ 9 ） | √（ 10 ） |
