# vue-transition

**Repository Path**: ponymym/vue-transition

## Basic Information

- **Project Name**: vue-transition
- **Description**: 组件平移 和 div平移动画
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 1
- **Created**: 2020-03-16
- **Last Updated**: 2021-11-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-transition

# 介绍
## 此demo包含两个右进左出平移动画小例子：
### 一，一个组件里四个div盒子显示隐藏的动画
#### 在divTransition文件夹里，clone代码后，可以直接拉到浏览器看效果
### 二，三个组件的切换的动画
#### 在componentTransition文件夹里，clone代码后，npm install安装后，npm run dev 运行在浏览器里查看效果。

##### ps:element用于vue自带的动画效果也很好,el-fade-in-linear/el-zoom-in-center/el-zoom-in-top/ el-zoom-in-bottom 
 ```html
<transition name="el-fade-in-linear"></transition>
```


#### 码云特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5.  码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)