使用Vuejs动画创建向左滑动效果

我已经阅读了有关Vuejs动画的官方文档。但是使用它的css挂钩，我只能使元素以淡入淡出和不同的持续时间出现/消失。

<div id="demo">
  <button v-on:click="show = !show">
    Toggle
  </button>
  <transition name="fade">
    <p v-if="show">hello</p>
  </transition>
</div>


.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0
}

如何使用Vuejs动画创建滑动效果？喜欢这里的那个。可能吗？请提供一些示例代码。