neon-animation icon indicating copy to clipboard operation
neon-animation copied to clipboard

Support multiple animations for entryAnimation and exitAnimation

Open motss opened this issue 9 years ago • 2 comments

Wouldn't it be much easier if entryAnimation and exitAnimation support multiple animations just like something in app-scroll-effects where we can just add multiple animation names instead of using animationConfig? WDYT?

For instance,

<neon-animated-pages entry-animation="slide-from-bottom-animation fade-in-animation" exit-animation="slide-down-animation fade-out-animation">
</neon-animated-pages>

motss avatar Mar 20 '16 07:03 motss

I'm not sure if its really possible to do this since they all have different (perhaps conflicting effects). eg. two of them animate opacity or multiple of them animate transform differently. Since only one animation can run per CSS property, this might not be feasible.

samuelli avatar Apr 21 '16 03:04 samuelli

It's possible. It would follow the same model as regular web animations, where all of the animations would run, but depending on the compositing mode, only the last affecting a particular property might be visible.

dstoc avatar Apr 27 '16 00:04 dstoc