Adding Easing Functions

Master Slider uses GreenSock animation tool to animate contents. To find the supported animation easing functions, check out?GreenSock Ease Visualizer.

<div id="masterslider" class="master-slider">
      <div class="ms-slide">
        <!-- .... -->
        <div class="ms-layer"
             data-type="text"
             data-offset="{x:100px; y:100px}"
             data-animation-in="{duration:1.3; delay:1; from: true; x:-300px; opacity:0; ease:Quart.easeOut;}"
        >
          Text layer content here...
        </div>
        <!-- .... -->
      </div>
      <!-- .... -->
    </div>