CSS CUSTOMIZE

ADD ANIMATION TYPE

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;
        ...
      }
    }
                    

DEFAULT VALUES CHANGE IN SCSS

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