<!-- ... -->
<p>...</p>
<p>...</p>
<p>...</p>
<p class="show-me-on-scroll"></p>
<p>...</p>
<p>...</p>
<p>...</p>
<!-- ... -->
<div data-sr="enter left, hustle 20px"> Foo </div>
<div data-sr="wait 2.5s, ease-in-out 100px"> Bar </div>
<div data-sr="move 16px scale up 20%, over 2s"> Baz </div>
<div data-sr="enter bottom, roll 45deg, over 2s"> Bun </div>