Glow Pulse
Glowing halo that pulses continuously to attract attention.
The code
A glimpse of the source:
style.css
@keyframes glowPulse {
0%,
to {
box-shadow: rgba(99, 102, 241, .4)0 0 20px
}
50% {
box-shadow: rgba(99, 102, 241, .8)0 0 40px
}
🔒 Unlock the full code
Full HTML + CSS + JS, copy-paste-ready — with 800 more Premium effects.
Concrete use cases
A few real contexts where Glow Pulse shines:
- A newsletter sign-up CTA
- An e-shop's “Add to cart” button
- An app download button
How it works
Pure CSS effect — no JavaScript dependency. It relies on a @keyframes animation.
Make it yours
You can tweak:
- animation speed (currently 0s)
Add it in 3 steps
- Paste the HTML where you want the effect on your page.
- Add the CSS to your stylesheet (or in a <style> tag).
- Tweak the colors and CSS variables to match your brand — nothing to install.
Browser support
Works in every modern browser (Chrome, Firefox, Safari, Edge). Responsive, with graceful degradation.
More Buttons effects
Browse all Buttons effects →FAQ
Is the code free?
This effect is part of the Premium library (801 effects, copy-paste-ready code). Around 70 effects are free.
How do I add it to my project?
Copy the HTML, CSS and JS and paste them in. No dependencies, works with any framework.
Does it work on mobile?
Yes — the effects are responsive and degrade gracefully.