v6.11.4 – Improved Docs, License Clarity & Community Support

Documentation Improvements

• Rewrote the Contribute section with clearer language and a developer-friendly tone
• Added a new LICENSE-summary.md for an explanation of Apache 2.0 license terms and attribution requirements
• Linked the license summary in the main README under the License section
• Improved the Accessibility, Changelog Highlights, and Support sections for readability and structure
• Added new badges:
  
  

Community & Support

• Updated community callout for developers using {css}animation in websites, tools, or frameworks
• Encouraged contributions and feedback via GitHub Issues and Discussions

Thanks to everyone who supports and uses {css}animation! Let’s keep building magical motion for the web.

v6.11.2 – README & Badge Update for Branding Consistency

Changed

• Updated all README badges to use flat-square style for consistency
• Refined README layout for improved clarity and branding alignment

Notes

This is a minor release focused on improving documentation and presentation. No core functionality or code changes.

v6.11.1 – Documentation Refresh & Support Options Added

Added

• FUNDING.yml file to enable GitHub Sponsor button with Buy Me a Coffee support
• New “☕ Support This Project” section in README with donation and newsletter links

Changed

• Updated all README badges
• Improved badge layout for visual clarity and branding

Notes

This release is focused on community support and documentation updates, no functional changes to the animation library itself. If you enjoy the project, consider supporting ongoing development 🙌

v6.11.0 - JSON Animation Manifest Generator Added

JSON Animation Manifest Generator Added

This release introduces a robust animation manifest generator script for cssanimation.css.

What’s Included

• Tool: tools/generate-Json.js
• Output: dist/cssanimation.json

Features

• Extracts all .ca__fx-* class names with animation-name
• Parses full @keyframes blocks (from, to, 0%-100%)
• Supports:
  • animation, animation-name, duration, easing, fill-mode
  • Inferred to properties for *In animations (e.g. blurIn)
  • Inferred from properties for *Out animations (e.g. fadeOut)
  • Edge properties like clip-path, filter, transform

Smart Handling

• Auto-fills missing frames when possible (blurIn gets inferred to)
• Correctly parses animation shorthand using flexible regex logic
• Optional support for animation-metadata.json to inject:
  • Tags
  • Categories
  • Duration overrides

Output Sample

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

v6.10.4 – Readme Update

License Change

• Updated project license from Parity Public License to the more permissive Apache License, Version 2.0
• Revised license section in documentation with the correct license name and link

v6.10.3 – Metadata & Discoverability Improvements

What’s New

• Version bump: Updated package version to 6.10.3
• Improved Keywords: Added "Zero Javascript Animation" to the package.json keyword list to enhance discoverability on NPM
• License Update: Included the GitHub project URL in the license notice for better visibility and attribution

---

Thanks for using @hellouxpavel/cssanimation!

v6.10.2

License Update – Apache License 2.0

This release formalizes {css}animation's licensing under the Apache License, Version 2.0, a widely used, permissive open-source license. This allows developers and organizations to use, modify, and distribute the project freely, with minimal obligations.

What's New:

• The LICENSE file now uses Apache License 2.0.
• A NOTICE file has been added, clearly outlining author attribution and use conditions.

Important Notes:

• Attribution is required when using, modifying, or sharing this software.
• If you redistribute or integrate css}animation, please include the LICENSE and NOTICE files and give credit to the original author:
  • Shafayetul Islam Pavel – LinkedIn Profile

v6.10.0 - Docs Update: Triggle JS Badge + GitHub Link

[6.10.0] - 2025-07-09

Updated

• README: Added a custom Triggle JS badge with GitHub link
• Badge styled using shields.io with flash logo and green theme

v6.9.0 - Modular Build & Atomic Animation Import Support

[6.9.0] - 2025-07-09

Added

• New modular build pipeline for animations:
  • Grouped modules (e.g., ca__FadeIn.css) available in dist/modules/
  • Individual atomic animations (e.g., fadeIn.css) in dist/animations/
• Auto-prefixing of class names with ca__fx- for scoped utility use
• Shared base styles and variables injected into every animation file

Changed

• export-modules.js now generates cleaner, non-prefixed filenames while retaining prefixed class names

Updated

• README now includes detailed instructions for modular imports
  • Examples for HTML, CSS/SCSS, and JS environments
  • Table of available grouped modules

Orbit, Wipes, and Masking Galore

This release brings a dazzling new batch of CSS-only animations that expand the {CSS}Animation library into exciting new territory:

• 3D Orbit Reveals that swing, swirl, spiral, and roll with depth
• Directional Mask Wipes for clean UI transitions
• Bold Stripe Masks for modern, stylish reveals

Everything is single-class, PostCSS-ready, and grouped for easy access.