### Direction
`direction` and `reverse` can make the flip different.
```jsx live
() => {
const { Item } = Flip;
const WIDTH = '240px';
const HEIGHT = '150px';
const itemStyle = {
color: '#fff',
lineHeight: HEIGHT,
fontSize: '18px',
};
return (
<>
Horizontal flip
-
Flip from right to left
-
I'm back
-
Flip from left to right
-
I'm back
Vertical flip
-
Flip from top to bottom
-
I'm back
-
Flip from bottom to top
-
I'm back
);
}
```