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

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

插件名称:vue-transitions-css

发布时间:2020年5月30日

插件作者:Edmund1645

官网 演示 GitHub下载

一个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>
相关插件