speed of animation about js-offcanvas HOT 7 CLOSED

You have to change the CSS.

Default

.c-offcanvas {
    transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}

Change the duration

.c-offcanvas {
     transition-duration: 150ms;
}

from js-offcanvas.

I am glad I was able to help you.

from js-offcanvas.

Hi @manchumahara,
you can use the .c-offcanvas--closing class to control the speed/duration

.c-offcanvas--closing {
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1)
}

Some Info: https://material.io/design/motion/speed.html#easing

from js-offcanvas.

Worked, thx. I used 200ms.

(you can see the projects at Metabake.org)

from js-offcanvas.

OK.
I can't find the offcanvas on metabake

from js-offcanvas.

One example web app: https://github.com/metabake/front-end-frameworks/tree/master/fullPage

but if you want more examples, there are 5, including SPA phonegap:
npm -g i mbake
mbake

from js-offcanvas.

@vmitsaras any idea how to control the speed when closes the off canvas ?

from js-offcanvas.