<commit_before>#Parallax Hover React Component
Inspired by @drewwilson’s [atvImg](https://github.com/drewwilson/atvImg), ported to React. Allows for non image based layers. Currently only supports mouse events. 

Pull requests and suggestions more than welcome :]

### Install
`npm install --save react-parallax-hover`

### Run the example locally
```
git clone https://github.com/tylerk/react-parallax-hover/
cd react-parallax-hover
npm install
npm start
```

### Usage
```
import ParallaxHover from 'react-parallax-hover';

<ParallaxHover width='500' height='500'>
    <img ref='image' src='...' />
    <div ref='text'>Some text</div>
</ParallaxHover>
```

### TODOs
- [ ] More robust configuration<commit_msg>Adding example to the readme<commit_after>#Parallax Hover React Component
Inspired by @drewwilson’s [atvImg](https://github.com/drewwilson/atvImg), ported to React. Allows for non image based layers. Currently only supports mouse events. 

Pull requests and suggestions more than welcome :]

### Install
`npm install --save react-parallax-hover`

### Demo
http://codepen.io/TylerK/full/Gpdqqq

### Run the example locally
```
git clone https://github.com/tylerk/react-parallax-hover/
cd react-parallax-hover
npm install
npm start
```

### Usage
```
import ParallaxHover from 'react-parallax-hover';

<ParallaxHover width='500' height='500'>
    <img ref='image' src='...' />
    <div ref='text'>Some text</div>
</ParallaxHover>
```

### TODOs
- [ ] More robust configuration
{'fraction_non_alphanumeric': 0.1440107671601615, 'fraction_numerical': 0.008075370121130552, 'mean_word_length': 4.653992395437262, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5022295', 'n_tokens_mistral': 520, 'n_tokens_neox': 491, 'n_words': 137}