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

Ripple Button v7

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