[Resolved] slow the off canvas panel animation

[Jeffrey]

is there a way to slow down the off canvas panel slide in speed?

[David]

Hi there,

add this CSS to your site:

.offside-js--interact .offside, 
.offside-js--interact .offside-sliding-element {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

In the CSS there are 4 instances of .2s which is 0.2 seconds. Increase that to whatever you want in all 4 places.

[Jeffrey]

I have changed it to ranges from .90s to 2s (not sure im doing it right) and can’t see too much of a difference. What value would I put in there to noticeably slow it down?

[Tom]

Where are you adding that CSS? I’m not seeing it anywhere.

[Jeffrey]

in the additional css section -> customizer.

I did just upgrade and enabled the css function for speed….

[Leo]

I think there is a small error in David’s code.

Can you try the updated code instead?
https://generatepress.com/forums/topic/slow-the-off-canvas-panel-animation/#post-1389102

[Jeffrey]

that did it! thank you 🙂

[Leo]

No problem 🙂

[Author]

Posts