Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Getting started
Jose Tamu
June 3, 2025 /  Beginner /  CSS only

Ripple Button v4

Ripple Button v4 Ripple 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