Texts
Buttons
Menus
Sliders
Backgrounds
Cursors
Medias
Cores
Jose Tamu
June 3, 2025 / 
Beginner / CSS only
Beginner / 
CSS onlyRipple Button v4
Ripple Animation controls
First color: first ring color.
Second color: second ring color.
Duration
Stagger: the delay between rings.
CSS easing: You can set any custom CSS easing of your own. Learn more about CSS easings here.
Swap Animation controls
Duration
CSS easing: You can set any custom CSS easing of your own. Learn more about CSS easings here.
On this page