
Jose Tamu
June 3, 2025 /
Beginner /
CSS only


Ripple Button v7
Ripple Animation controls
From: top or bottom.
Color: ripple’s color.
Duration
CSS easing: You can set any custom CSS easing of your own. Learn more about CSS easings here.
Swap Animation controls
From: top or bottom.
Translate: the distance from which the text will come from.
Duration
CSS easing: You can set any custom CSS easing of your own. Learn more about CSS easings here.
On this page