CSS 动画构建器

通过预设、时长、延迟和缓动控制,可视化构建和预览 CSS 动画

CSS动画构建器 使用说明

  1. 从下拉菜单选择动画预设 — 淡入、滑入、弹跳、旋转、脉冲、抖动、翻转、缩放
  2. 使用滑块和下拉菜单调整时长、延迟、缓动函数、重复次数和方向
  3. 点击重播预览动画,然后复制生成的 CSS 代码和关键帧

请启用 JavaScript 以使用这些工具。