使用步骤
- 添加或删除关键帧，设置每个帧的变换属性和位置百分比。
- 调整动画名称、时长、缓动函数、延迟、次数和方向等全局参数。
- 点击「预览动画」查看效果，确认后复制生成的 CSS 代码。
设计工具
动画关键帧生成器
可视化编辑 CSS @keyframes 动画，设置关键帧与动画属性，生成可复制代码。
本地简单运行
使用指南
开始使用
通过可视化方式创建 CSS @keyframes 动画，添加关键帧并设置平移、旋转、缩放和透明度变化。
使用例子
- 创建一个带旋转和位移的淡入动画。
- 制作一个无限循环的呼吸缩放效果。
Loading
动画关键帧生成器
工具组件加载中。