Skip to content

feat: implement ease-badge-pulse animation component#889

Open
Paawangarg1084 wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Paawangarg1084:submissions/ease-badge-pulse
Open

feat: implement ease-badge-pulse animation component#889
Paawangarg1084 wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Paawangarg1084:submissions/ease-badge-pulse

Conversation

@Paawangarg1084
Copy link
Copy Markdown
Contributor

Type of Change

  • ✨ New animation / hover effect
  • 🧩 New component
  • 📝 Documentation improvement

Submission Checklist

  • All changes are inside submissions/examples/your-feature-name/
  • Includes demo.html — self-contained, opens in browser with no server
  • Includes style.css — raw CSS for the proposed feature
  • Includes README.md — what it does, how to use it, why it fits EaseMotion CSS
  • No changes to core/
  • No changes to components/
  • One feature per PR (no bundled unrelated changes)

Feature Description

What does this add?
This adds the ease-badge-pulse component, which features an infinitely expanding notification alert indicator ring.

How does a developer use it?
Developers attach the core structural class alongside one of the four built-in semantic variant flags:

<span class="ease-badge-pulse badge-danger"></span>
<span class="ease-badge-pulse badge-success"></span>

Why does it fit EaseMotion CSS?
It answers a standard design system pattern for real-time unread messages and online user indicators using zero-JavaScript layout triggers.

Demo

  • Demo added (demo.html works by opening directly in a browser)

Browser Testing

  • Chrome
  • Firefox
  • Edge

@Paawangarg1084
Copy link
Copy Markdown
Contributor Author

please merege it @SAPTARSHI-coder

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant