v6.11.0 - JSON Animation Manifest Generator Added

[yesiamrocks]

JSON Animation Manifest Generator Added

This release introduces a new utility to generate a structured animation manifest from your compiled cssanimation.css file.

What's New

• Script: tools/generateAnimationsJson.js
• Output: dist/cssanimation.json

Features

• Extracts all animation class definitions (e.g. .ca__fx-blurIn)
• Parses @keyframes blocks, including from, to, and %-based frames
• Supports metadata injection (tags, categories) via animation-metadata.json

Example Output

{
  "class": "ca__fx-blurIn",
  "animation": {
    "name": "blurIn",
    "duration": "0.8s",
    "timingFunction": "ease-out",
    "fillMode": "both"
  },
  "keyframes": {
    "from": {
      "filter": "blur(20px)",
      "opacity": "0"
    },
    "to": {
      "filter": "blur(0px)",
      "opacity": "1"
    }
  },
  "tags": [],
  "category": "uncategorized"
}

<hr /><em>This discussion was created from the release <a href='https://github.com/yesiamrocks/cssanimation/releases/tag/v6.11.0'>v6.11.0 - JSON Animation Manifest Generator Added</a>.</em>