If you want to add a new animation type, write it in scrollCue.css or scrollCue.scss as follows.
/** ---------------
foo
*/
[data-cue="foo"],[data-cues="foo"]>*{
opacity: 0;
}
@keyframes foo {
from{
...
}
to{
opacity : 1;
...
}
}
You can control some animation types at once by changing the value of the variable.
scrollCue.scss LINE : 13 to 17
// COMMON SETTING VALUE
$shift : 30px; // Used by slideInLeft, slideInRight, slideInDown, slideInUp
$zoom : 0.8; // Used by ZoomIn, ZoomOut
$rotate : -15deg; // Used by rotateIn