How to use vue-pose - 2 common examples
To help you get started, we’ve selected a few vue-pose examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
Popmotion / popmotion / packages / test-app-vue / src / App.vue View on Github 
data: () => ({ isVisible: true }),
components: {
PoseTransition,
Shade: posed.div({
enter: {
opacity: 1,
beforeChildren: true,
transition: { duration: 200, ease: "linear" }
},
exit: {
opacity: 0,
afterChildren: true,
transition: { duration: 200, ease: "linear" }
}
}),
Modal: posed.div({
enter: { opacity: 1, z: 0 },
exit: { opacity: 0, z: -150 }
})
}
};vue-pose
A declarative animation library for Vue
