它允许您在 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 />