Morphist icon indicating copy to clipboard operation
Morphist copied to clipboard

Parallel animation

Open lianee opened this issue 8 years ago • 1 comments

The sync flag allows in and out animations to happen simultaneously.

With some opposite effects (left/right, up/down), it is easy to have a slider (horizontal or vertical).

Notes:

  • As this works better with display:block, this PR needs the previous PR preserving css display mode (at least for the demo)
  • "sync" is perhaps not the best choice for the flag name, as it is more "simultaneous", "parallel" or "concurrent". Unfortunately, I couldn't think of any better "short" name.
  • Since elements are position: absolute, the parent needs to have some height. I set the height to those of the first element, there is a lot of room to improve this.

lianee avatar Aug 06 '16 13:08 lianee

Sorry I haven't had time to look into this. It's a relatively big change. I'll try to look into it in the coming days.

MrSaints avatar Nov 04 '16 01:11 MrSaints