CodePen Embed - Ripple Effect with just one line of code using ripple-effects library

<div class="container d-flex align-items-center my-2">
 
  <div class="card" style="width: 18rem;">
  <div class="card-body">
    <h5 class="card-title">Click Somewhere</h5>
    <p class="card-text">Some quick example text to test the ripple on this card.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>
   <button class="btn btn-primary m-2">
  Ripple
</button>
</div>

ripple(".card",{
  triggerExcept: "a.btn",
})
const sd = ripple(".btn",{
  background: "white"
})

This Pen is owned by darkcris1 on CodePen.

See more by @darkcris1 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

https://unpkg.com/ripple-effects