search

posva / vue-motion

Easy and natural state transitions
https://posva.net/vue-motion
MIT License
378 stars 16 forks source link

Add StaggeredMotion #4

Open posva opened 7 years ago

posva commented 7 years ago

I don't think it's that useful but hey, it's so fancy

The current state of this feature: ❌ Not worth the cost implementing If you know of any other use cases that would make this feature worth adding, please, share them 🙂

thecrypticace commented 7 years ago

What does StaggeredMotion mean exactly? Do the values animate in discrete steps? Or do different values start their animation at different times?

If it's the latter, this might necessitate extracting the animation code itself into a separate class, create multiple animations, then start them at the appropriate time.

posva commented 7 years ago

It's this:http://chenglou.github.io/react-motion/demos/demo1-chat-heads/ It's a list of values where each one is following the precedent except for the first one which is following the target value. I honestly don't think this functionality is worth yet because I haven't found a common use case for it

thecrypticace commented 7 years ago

An animated fly-out menu is one I can think of. It's quite neat but I agree there probably isn't a common use case for it.