Skip to content

Conversation

@vaishnavi-parodkar
Copy link
Contributor

@vaishnavi-parodkar vaishnavi-parodkar commented Oct 29, 2025

Description:

CSS-only Pulse Effect Button that smoothly emits a glowing pulse when hovered over.

Details:

This component is built entirely using HTML and CSS, with no JavaScript. It utilizes @Keyframes animation and box-shadow transitions to create a modern, glowing pulse effect.

Features:

  • Pure CSS hover-based pulse animation

  • Smooth, glowing ripple using box-shadow

  • Responsive and visually modern rounded button

  • Customizable color scheme

  • Ideal for landing pages and interactive UI components

Implementation Highlights:

  • Used @Keyframes pulse to create the expanding glow.

  • Fully responsive and adaptable to different color themes.

Preview

Pulse.effect.mp4

@aayush105 Kindly review and merge this PR under Hacktoberfest issue #946

@aayush105
Copy link
Member

I think here you have 2 different project commit in single pr, so can you fix it? Make only 1 project in a single pr. Also add that pulse hover button in the button folder section,

image

here inside this folder.

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.

2 participants