# animation-timing-function

## 介绍

用于设置播放动画的时间函数。

## 语法

```css
/* keyword */

animation-timing-function: ease;

animation-timing-function: ease-in;

animation-timing-function: ease-out;

/* Function values */

animation-timing-function: cubic-bezier(0.1, 0.7, 1, 0.1);
```

### 取值

-   `linear`

-   `ease`

-   `ease-in`

-   `ease-out`

-   `ease-in-out`

-   `square-bezier()`

-   `cubic-bezier()`

## 标准化语法

```css
animation-timing-function: linear | ease | ease-in | ease-out | ease-in-out | <function>
```

## 注意事项

-   iOS 不支持贝塞尔曲线插值大于`1`（iOS 平台限制）。