Css Animation Generator API

• preset

  string optional

  Built-in animation preset. Ignored when keyframes is given. One of fade-in · slide-in-up · slide-in-down · slide-in-left · slide-in-right · zoom-in · flip-in · fade-out · slide-out-up · zoom-out · bounce · pulse · shake · wobble · jello · heartbeat · spin · float · swing · morph · color-shift · glow.

• keyframes

  array optional

  Custom keyframes: [{ offset: 0-100, properties: { translateX, translateY, rotate, scale, scaleX, scaleY, skewX, skewY, opacity, blur, brightness, contrast, saturate, hueRotate, borderRadius, backgroundColor, color } }].

• name

  string optional

  Animation / class name (CSS identifier).

• duration

  number optional

  Duration in milliseconds.

• timing_function

  string optional

  Easing: a CSS timing function, a cubic-bezier(...) or a preset name such as "ease-out-back", "bounce", "spring".

• iteration_count

  string optional

  Number of iterations or "infinite".

• direction

  string optional

  Animation direction. One of normal · reverse · alternate · alternate-reverse.

• fill_mode

  string optional

  Animation fill mode. One of none · forwards · backwards · both.

• delay

  number optional

  Start delay in milliseconds.

• format

  string optional

  Output format. "all" returns every format. One of css · tailwind · react · framer · all. Default "css".

{
  "preset": "fade-in",
  "format": "css"
}