# Transition
- category: API
- chinese: 渐变
- type: API
---
## API
### Transition(domNode, styles, options, callback)
- domNode: can be found through `findDOMNode(this.refs.box)`.
- styles:object, such as`{transform: 'rotate(720deg)'} ` `{transform: 'translate(150,150)'}`.
**Watching: in translate(150,150), the unit is rem, the component will be automatically converted to the corresponding `px` value under H5 and added to the `px` unit**
- options: animation parameters
````json
{
timingFunction: 'ease-in-out',//Time function， Optional//ease-in,ease-in-out,ease-out,linear,cubic-bezier
delay: 0, //delay (ms)
duration: 500, //Duration (ms)
needLayout:false //whether need to update the layout. default: false
}
````
- callback: callback function.
## The Other
- Chat with @翊晨[yichen] in Dingtalk desktop App Download
- DingTalk Group
