vivus icon indicating copy to clipboard operation
vivus copied to clipboard

No "ease-in-out" timing function?

Open tsawitzki opened this issue 2 years ago • 3 comments

Hello and thanks for this great little plugin!

Is there no way do declare a Vivus.EASE_IN_OUT to use the native ease-in-out timing-function? If I enter it, it falls back to linear (as Vivus can't interpret it obviously).

As Vivus Instant has it, I wonder why the JS translation can't refer to that native function?

tsawitzki avatar Oct 07 '22 10:10 tsawitzki

Hello!

Vivus and Vivus-instant run differently. Vivus is in JavaScript, this is why you have to provide a JS function. Vivus-instant generates CSS code to run the animation. This is why you cannot use the native CSS ease transition with Vivus

maxwellito avatar Oct 07 '22 22:10 maxwellito

ok, thanks for the information! is there no way to implement it in JS for a further release? 99% of animations I do rely on this behaviour …

tsawitzki avatar Oct 10 '22 08:10 tsawitzki

I'm afraid this won't be implemented. Vivus (JavaScript library) offers controls to set the progress of an animation and speed which would be more complex to implement in CSS. I recommend you to translate the 'ease' animation function in JS.

maxwellito avatar Oct 10 '22 19:10 maxwellito