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>
<div data-sr="wait 1s and enter bottom" id="d2">
     <h1>I have specific values</h1>
</div>
<div data-sr="scale down 10% and then ease-in-out 100px" id="d3">
     <h1>I have specific values too</h1>
</div>
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: