# 纯js封装元素过渡动画类

**Repository Path**: ffanddd/transitionShow

## Basic Information

- **Project Name**: 纯js封装元素过渡动画类
- **Description**: 在很多官网里会经常遇到当页面滑动到视图时，元素使用过渡动画的形式出现，封装了上下左右平移，放大缩小，旋转，透明度的过渡动画，直接将元素绑定即可自动添加过渡动画。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-10-27
- **Last Updated**: 2023-09-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 纯js封装元素可视时的过渡动画类

#### 介绍
在很多官网里会经常遇到当页面滑动到视图时，元素使用过渡动画的形式出现，封装了上下左右平移，放大缩小，旋转，透明度的过渡动画，直接将元素绑定即可自动添加过渡动画。

#### 软件架构
软件架构说明
使用纯js进行封装，内置大部分es6语法和IntersectionObserver核心API，浏览器不支持的慎用。

#### 安装教程

1.  直接下载或复制transitionShow文件源码到本地文件
2.  使用new方法绑定需要可视化时添加过度的元素以及元素的动画效果 

#### 使用说明

1.  因为使用了es6的import和export语法，所以在引入文件的时候需要在script标签上设置module类型
2.  因为设置了module类型，所以很多使用需要在本地启动一个服务来支持浏览器允许，例如vscode的Live Server
3.  尽量保证元素的子元素没有transform属性