How to set the Show Ripple Effect on a button? - Forum | JoomShaper
Awaiting an answer SP Page Builder

How to set the Show Ripple Effect on a button?

Asked by FREESERVIS 5 years ago Last activity 5 years ago

Hello,

how can I set the Show Ripple Effect on the button module?

https://prnt.sc/1y9g7pd

Regards Milan

1 reply

Ariba Staff

Hello

Thank you for your query.

This is the class name used for ripple effect: "sppb-ripple-effect"

You can add this class to your button or, customize the css rules of "sppb-ripple-effect" and use those.

Below is the ripple effect class & used css:

.sppb-ripple-effect {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    box-shadow: 0 0 0 15px rgba(255,255,255,.8),0 0 0 30px rgba(255,255,255,.6),0 0 0 45px rgba(255,255,255,.4);
    z-index: -1;
    animation: sppbModalRipple 2s infinite;
}

Hope this helps you.

Log in to reply.