Vue.js的10个平滑CSS过渡– transitions-css

Vue.js的10个平滑CSS过渡– transitions-css
插件名称 vue-transitions-css
发布时间 2020年5月30日
插件作者 Edmund1645

一个CSS动画库,可为Vue.js组件提供10个平滑的CSS过渡。

包括的过渡:

  • 淡入淡出x
  • 褪色
  • 褪色
  • flip-x.css
  • 向左滚动
  • rotation.css
  • 标度
  • 收缩.css
  • spiral.css
  • 倾斜度

安装和下载:

# NPM
$ npm install vue-transitions-css --save

如何使用它:

1.安装并导入transitions-css。

import 'vue-transitions-css';

2.对您的组件应用过渡效果。

<transition name="fade">
  <Content v-if="show" />
</transition>