Glow Pulse

The code

A glimpse of the source:

<div class="card-demo card-glow">
    Glow
  </div>
</div>

Concrete use cases

A few real contexts where Glow Pulse shines:

• A pricing page
• A case-studies gallery
• A team directory

How it works

Pure CSS effect — no JavaScript dependency. It relies on a @keyframes animation.

Make it yours

You can tweak:

• animation speed (currently 2s)

Add it in 3 steps

1. Paste the HTML where you want the effect on your page.
2. Add the CSS to your stylesheet (or in a <style> tag).
3. 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 Cards effects

FAQ