flipping icon indicating copy to clipboard operation
flipping copied to clipboard

How to customize transitions?

Open yang opened this issue 7 years ago • 5 comments

Thanks for the wonderful library! How does one tweak the animation in play, such as easing/spring parameters, duration, etc.?

yang avatar Jun 21 '18 03:06 yang

You can pass parameters into:

const flipping = new Flipping({
  duration: 300,
  easing: 'ease-in-out'
});

etc.

davidkpiano avatar Jun 21 '18 03:06 davidkpiano

Is it possible to customize this on a per-element (flip-key) level?

yang avatar Jun 21 '18 23:06 yang

Or rather, per (element, property)

yang avatar Jun 21 '18 23:06 yang

No, but that's a good idea. I'm still thinking of the proper API for that, it will likely be state-machine based.

davidkpiano avatar Jun 22 '18 16:06 davidkpiano

I created a PR to add this to the readme https://github.com/davidkpiano/flipping/pull/14

phelma avatar Aug 21 '18 14:08 phelma