# CSS transition

URL: https://caijiao.org/reference/css/transition
Source: docs/reference/css/transition.md
Description: transition 为属性变化添加过渡动画。

transition 为属性变化添加过渡动画。

## 语法

```text
transition: opacity .2s ease;
```

## 最小示例

```js
el.style.transition = 'opacity .2s ease';
```

## 常见错误

- 只看语法不看运行环境限制。
- 没有处理错误、权限或兼容性分支。
- 示例上线前应结合真实浏览器、服务器或 Git 仓库验证。

## 相关内容

- [CSS 教程](/css/)
- [CSS Reference](/reference/css/)
- [前端问题库](/how-to/javascript/)