OpenPuff的使用教程

OpenPuff是一个开源的JavaScript库，它专注于创建轻量级、无依赖的CSS动画。如果你想了解如何使用OpenPuff，这里是一个简单的步骤：

1. **安装**：如果你的项目使用npm管理依赖，可以在终端中运行 `npm install openpuff` 来安装OpenPuff。

2. **引入库**：在HTML文件中添加 `<script>` 标签引入已经安装的OpenPuff.js文件。

<script src="node_modules/openpuff/dist/openpuff.min.js"></script>

3. **创建动画**：使用`OpenPuff`构造函数创建一个新的动画实例，设置你需要的CSS属性和时间参数。

const puff = new OpenPuff('your-selector', { property: 'transform', from: 'scale(0)', to: 'scale(1)' }, 500);

4. **播放动画**：调用 `play()` 方法启动动画，你可以选择是否使用平滑的`ease`效果。

puff.play({ easing: 'easeInOutQuad' });

5. **控制动画**：可以暂停、继续或销毁动画，如 `pause()`, `resume()`, 和 `destroy()`。

6. **自定义选项**：OpenPuff支持许多配置选项，比如延迟开始 (`delay`)，重复次数 (`iterations`) 等。

**相关问题--:**
1. OpenPuff支持哪些CSS属性用于动画？
2. 如何让动画在动画结束后自动停止？
3. 我可以在OpenPuff中设置回调函数吗，在动画完成时执行某些操作？