Edit in JSFiddle

var config = {
    enter: 'right',
    wait: '0.5s',
    move: '20px'

new scrollReveal(config);
<div data-sr id="d1">
     <h1>I run the default animation</h1>
<div data-sr="wait 1s and enter bottom" id="d2">
     <h1>I have specific values</h1>
<div data-sr="scale down 10% and then ease-in-out 100px" id="d3">
     <h1>I have specific values too</h1>
div {
    height: 100px;
    text-align: center;
h1 {
    margin: 0;
#d1 {
    background-color: #F5DD71;
#d2 {
    background-color: #5bcd15;
#d3 {
    background-color: #A4F3DA;

External resources loaded into this fiddle: