Skip to content

Gotchas

Johan Fagerberg edited this page Jun 10, 2017 · 2 revisions

Here's a short list of technical limitations to keep an eye out for when using FlippyJS:

Don't animate parent and child together:

Since FlippyJS uses transforms for animations, children of the animated object will also be animated. If you ask FlippyJS to animate both a parent and its child, it will apply the transform twice, leading to odd results.

Handle simple transitions yourself:

FlippyJS is only intended to handle animations that can't easily be done by CSS transitions. If you'd like to animate the background color, opacity or similar of an element, simply add a transition property to it in your own CSS. FlippyJS will respect this when animating the transform.

Clone this wiki locally