# blog-vue

**Repository Path**: outlander2020/blog-vue

## Basic Information

- **Project Name**: blog-vue
- **Description**: blog前台 vue
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-29
- **Last Updated**: 2021-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Spring, Vue

## README

## css添加动画

```html

<transition appear>
    <Login class="login" v-show="isLogin"/>
</transition>
```

```css
/*  进的过程*/
.v-enter-active {
    animation: blog 0.5s linear;
}

/*离开的过程*/
.v-leave-active {
    animation: blog 0.5s linear reverse;
}

/*从左边出现， 然后停滞*/
@keyframes blog {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0px);
    }
}
```