<commit_before>## angular-page-enter-animate

angular-page-enter-animate is an angular directive that allows you to animate objects in as soosn as they enter they vieport / enter the visible part of the page.

It's inspired by http://ejohn.org/blog/getboundingclientrect-is-awesome/


## How could i use this?

Take a look a the example files at https://github.com/marcorei/angular-page-enter-animate

Register this module with your app and include the directive
<pre>
<div mr-page-enter="entered" class="box">&nbsp;</div>
</pre>
Then you need to define the css classes for the start and the end point of the animation
<pre>
/* Animation start point */
.box.entered { opacity: 0; } 

/* Animation end point */
.box.entered-active { opacity: 1; transition: all 1000ms ease; }
</pre>
<commit_msg>html in readme file<commit_after>## angular-page-enter-animate

angular-page-enter-animate is an angular directive that allows you to animate objects in as soosn as they enter they vieport / enter the visible part of the page.

It's inspired by http://ejohn.org/blog/getboundingclientrect-is-awesome/


## How could i use this?

Take a look a the example files at https://github.com/marcorei/angular-page-enter-animate

Register this module with your app and include the directive
```html
<pre>
<div mr-page-enter="entered" class="box">&nbsp;</div>
</pre>
```
Then you need to define the css classes for the start and the end point of the animation
<pre>
/* Animation start point */
.box.entered { opacity: 0; } 

/* Animation end point */
.box.entered-active { opacity: 1; transition: all 1000ms ease; }
</pre>

{'fraction_non_alphanumeric': 0.10709838107098381, 'fraction_numerical': 0.007471980074719801, 'mean_word_length': 4.1506410256410255, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, 'https://': 2, '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': '6376587', 'n_tokens_mistral': 510, 'n_tokens_neox': 469, 'n_words': 198}