keyframesToCss() — tailwindcss Function Reference

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

Function typescript MigrationSuite ConfigMigration calls 1 called by 1

Entity Profile

MigrationSuite→ ConfigMigration→ keyframesToCss() — tailwindcss Function Reference

Dependency Diagram

graph TD
  d4865106_45da_0461_2954_69ab7533f3ba["keyframesToCss()"]
  0e91912d_5423_6991_60b0_8afbca30e459["migrateTheme()"]
  0e91912d_5423_6991_60b0_8afbca30e459 -->|calls| d4865106_45da_0461_2954_69ab7533f3ba
  9fbfbf7d_7486_16f1_14be_06acdc92b2cb["keyframesToRules()"]
  d4865106_45da_0461_2954_69ab7533f3ba -->|calls| 9fbfbf7d_7486_16f1_14be_06acdc92b2cb
  style d4865106_45da_0461_2954_69ab7533f3ba 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'
}