Description:
An animation library that adds smooth motion effects to components in your Vue 2 or Vue 3 app.
Basic Usage:
<template>
<div
v-motion="'block'"
:initial="{
y: 200,
opacity: 0.25,
}"
:enter="{
y: 0,
x: 0,
opacity: 1,
}"
/>
</template>Preview:
Changelog:
02/28/2021
- v1.2.6
02/27/2021
- v1.1.6
02/25/2021
- v1.0.9
02/23/2021
- v1.0.5 improving nuxt & vue 2 support
02/22/2021
- v1.0.4 update
02/20/2021
- v1.0.0 standard
02/20/2021
- v1.0.0-beta.15
02/17/2021
- v1.0.0-beta.8
02/16/2021
- v1.0.0-beta.4
02/09/2021
- use popmotion elapsed instead of setTimeout
02/07/2021
- support custom directives from plugin options
02/03/2021
- Bugfix
Download Details:
Author: vueuse
Live Demo: https://vue-use-motion.netlify.app/
Download Link: https://github.com/vueuse/motion/archive/main.zip
Official Website: https://github.com/vueuse/motion
Install & Download:
# Yarn
$ yarn add @vueuse/motion
# NPM
$ npm i @vueuse/motion