How To Set The Show Ripple Effect On A Button? - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How To Set The Show Ripple Effect On A Button?

M

Milan

SP Page Builder 4 years ago

Hello,

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

https://prnt.sc/1y9g7pd

Regards Milan

0
1 Answers
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #41434

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.

0