{"title":"Adding Easing Functions","id":51985,"link":"https:\/\/env.averta.net\/en\/step\/adding-easing-functions\/","parent":[51848],"content":"<p>Master Slider uses GreenSock animation tool to animate contents. To find the supported animation easing functions, check out?<a href=\"https:\/\/greensock.com\/docs\/Easing\" target=\"_blank\" rel=\"noopener\">GreenSock Ease Visualizer<\/a>.<\/p>\n<pre class=\"lang:xhtml decode:true \">&lt;div id=\"masterslider\" class=\"master-slider\"&gt;\r\n      &lt;div class=\"ms-slide\"&gt;\r\n        &lt;!-- .... --&gt;\r\n        &lt;div class=\"ms-layer\"\r\n             data-type=\"text\"\r\n             data-offset=\"{x:100px; y:100px}\"\r\n             data-animation-in=\"{duration:1.3; delay:1; from: true; x:-300px; opacity:0; ease:Quart.easeOut;}\"\r\n        &gt;\r\n          Text layer content here...\r\n        &lt;\/div&gt;\r\n        &lt;!-- .... --&gt;\r\n      &lt;\/div&gt;\r\n      &lt;!-- .... --&gt;\r\n    &lt;\/div&gt;\r\n<\/pre>\n","type":"solution"}