Fullpage.js: custom easingcss3 function

[user928]

Can you help me with creating a custom easingcss3 cubic-bezier function ?

I am not quite sure how to add this, I created some nice css3 easing animations with a site you mentioned (https://matthewlein.com/ceaser/) and now I am wondering how to implement this into fullpage object?

CSS3 Animations:

-webkit-transition: all 600ms cubic-bezier(0.000, 1, 1.000, 0.790); /* older webkit */
-webkit-transition: all 600ms cubic-bezier(0.000, 1.300, 1.000, 0.790); 
   -moz-transition: all 600ms cubic-bezier(0.000, 1.300, 1.000, 0.790); 
     -o-transition: all 600ms cubic-bezier(0.000, 1.300, 1.000, 0.790); 
        transition: all 600ms cubic-bezier(0.000, 1.300, 1.000, 0.790); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.000, 1, 1.000, 0.790); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.000, 1.300, 1.000, 0.790); 
   -moz-transition-timing-function: cubic-bezier(0.000, 1.300, 1.000, 0.790); 
     -o-transition-timing-function: cubic-bezier(0.000, 1.300, 1.000, 0.790); 
        transition-timing-function: cubic-bezier(0.000, 1.300, 1.000, 0.790); /* custom */

Here is my codePen demo: http://codepen.io/user928/pen/PGbBRo

[alvarotrigo]

Just pass it in the easingcss3 option in the initialization of fullpage.js:

$('#fullpage').fullpage({
    easingcss3: 'cubic-bezier(0.000, 1.300, 1.000, 0.790)',
    scrollingSpeed: 600
});