```
 ______   __    __        ______
/\__  _\ /\ \  /\ \      /\__  _\
\/_/\ \/ \ \ \ \ \ \____ \/_/\ \/
   \ \_\  \ \_\ \ \_____\   \ \_\
    \/_/   \/_/  \/_____/    \/_/
```

:arrow_upper_right: :arrow_lower_right: :arrow_lower_left: :arrow_upper_left:

Tilt effect in your components

[Demos and Docs](http://forhumans.design/oss/tilt/)

# Getting started

First, install the module

```
yarn add retilt
```

Then import

```
import Tilt from 'retilt'
```

# Usage

```
<Tilt>
  <div className="colored-box">My awesome Component<div>
</Tilt>
```

Or passing 'perspective' prop

```
<Tilt perspective={100}>
  <div className="colored-box">My awesome Component<div>
</Tilt>
<Tilt perspective={300}>
  <div className="colored-box">My awesome Component<div>
</Tilt>
<Tilt perspective={1000}>
  <div className="colored-box">My awesome Component<div>
</Tilt>
```

Made with a lot of ❤️

### License

Do whatever you want