Opentiny engine materials component for css transitions.
过渡效果动画物料组件库
- 在 tiny-engine 项目中执行 pnpm splitMaterials 命令,将物料分离
- 将本项目 materials/components/TinyTransitions.json 文件放于 tiny-engine 项目中的 materials/components 目录下
- 在 tiny-engine 项目中执行 pnpm buildMaterials 命令,将物料打包
- 运行 pnpm run start 命令,运行设计器项目
- 拖拽左侧的 “过渡动画”组件到右侧设计面板,即可使用
Prop | Required | Type | Description |
---|---|---|---|
appear | false | boolean | 动画是否在初始渲染时触发 |
enter | false | string | 入场动画样式 |
enterDuration | false | number | 入场动画持续时间毫秒 |
enterDelay | false | number | 入场动画延迟时间毫秒 |
leave | false | string | 出场动画样式 |
leaveDuration | false | number | 出场动画持续时间毫秒 |
leaveDelay | false | number | 出场动画延迟时间毫秒 |