# sequenceAnimationMerge

**Repository Path**: hubzyy/sequence-animation-merge

## Basic Information

- **Project Name**: sequenceAnimationMerge
- **Description**: 宝藏工具，序列帧拼接成一张图，自动生成动画和代码！！
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2021-06-04
- **Last Updated**: 2023-09-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 动画, CSS

## README

# 更优方案
AE直接导出雪碧图
[CSS-Sprite-Exporter](https://gitee.com/hubzyy/CSS-Sprite-Exporter)

原本方案是将序列帧合并成雪碧图，具有一定局限性，最新方案相对更优～


# SequenceAnimationMerge
序列针合成CSS动画交付前端工具


```
//不安装也行
！！先安装node环境

#全局安装 http-server
npm i http-server -g

#运行项目
http-server ./

```
1. 输入对应的文件夹和图片名称
1. 输入开始序号-结束序号
1. 设置CSS动画秒速
1. 复制代码
1. 右键保存图片



![](img/demo.png)
![](img/demo2.png)