..."> ..."/> ..."> ...">

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

vue.js Vue.js

猴子小宇宙

2020-03-12

我已经阅读了有关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动画创建滑动效果?喜欢这里的那个可能吗?请提供一些示例代码。

第1275篇《使用Vuejs动画创建向左滑动效果》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android