keyframesToCss() — tailwindcss Function Reference

Architecture documentation for the keyframesToCss() function in migrate-js-config.ts from the tailwindcss codebase.

Function typescript NodeInterface Compilation calls 2 called by 1

Entity Profile

NodeInterface→ Compilation→ keyframesToCss() — tailwindcss Function Reference

Dependency Diagram

graph TD
  f7274245_f1a4_d8b1_30d8_a1497768c1d4["keyframesToCss()"]
  77d1d37f_6021_dc8c_6d04_0c3b07e3ad19["migrateTheme()"]
  77d1d37f_6021_dc8c_6d04_0c3b07e3ad19 -->|calls| f7274245_f1a4_d8b1_30d8_a1497768c1d4
  e43d1196_de1e_f940_0b19_7c0502d434bd["keyframesToRules()"]
  f7274245_f1a4_d8b1_30d8_a1497768c1d4 -->|calls| e43d1196_de1e_f940_0b19_7c0502d434bd
  e7a34553_0273_6202_4792_07409e33d8f0["toCss()"]
  f7274245_f1a4_d8b1_30d8_a1497768c1d4 -->|calls| e7a34553_0273_6202_4792_07409e33d8f0
  style f7274245_f1a4_d8b1_30d8_a1497768c1d4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/codemods/config/migrate-js-config.ts lines 491–494

function keyframesToCss(keyframes: Record<string, unknown>): string {
  let ast: AstNode[] = keyframesToRules({ theme: { keyframes } })
  return toCss(ast).trim() + '\n'
}