它允许您在 Vue 应用中安装插件后立即开始实现动画。
您可以使用自定义指令向您的应用添加自己的预设。
如果您对新的预设有任何想法,请在 GitHub 上添加 issue,或在 Twitter 上联系我。
淡入淡出
<div v-motion-fade />
淡入淡出 可见
<div v-motion-fade-visible />
淡入淡出 可见 一次
<div v-motion-fade-visible-once />
滚动 底部
<div v-motion-roll-bottom />
滚动 左侧
<div v-motion-roll-left />
滚动 右侧
<div v-motion-roll-right />
滚动 顶部
<div v-motion-roll-top />
滚动 可见 底部
<div v-motion-roll-visible-bottom />
滚动 可见 左侧
<div v-motion-roll-visible-left />
滚动 可见 右侧
<div v-motion-roll-visible-right />
滚动 可见 顶部
<div v-motion-roll-visible-top />
滚动 可见 一次 底部
<div v-motion-roll-visible-once-bottom />
滚动 可见 一次 左侧
<div v-motion-roll-visible-once-left />
滚动 可见 一次 右侧
<div v-motion-roll-visible-once-right />
滚动 可见 一次 顶部
<div v-motion-roll-visible-once-top />
弹出
<div v-motion-pop />
弹出 可见
<div v-motion-pop-visible />
弹出 可见 一次
<div v-motion-pop-visible-once />
滑动 底部
<div v-motion-slide-bottom />
滑动 左侧
<div v-motion-slide-left />
滑动 右侧
<div v-motion-slide-right />
滑动 顶部
<div v-motion-slide-top />
滑动 可见 底部
<div v-motion-slide-visible-bottom />
滑动 可见 左侧
<div v-motion-slide-visible-left />
滑动 可见 右侧
<div v-motion-slide-visible-right />
滑动 可见 顶部
<div v-motion-slide-visible-top />
滑动 可见 一次 底部
<div v-motion-slide-visible-once-bottom />
滑动 可见 一次 左侧
<div v-motion-slide-visible-once-left />
滑动 可见 一次 右侧
<div v-motion-slide-visible-once-right />
滑动 可见 一次 顶部
<div v-motion-slide-visible-once-top />