Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Jose Tamu
July 16, 2024 /  Beginner

Ripple Button

Ripple Top
Ripple Bottom
Ripple Left
Ripple Right

Animation controls

From: top, bottom, left or right. Just like the demos.
Amplitude: determines the size of the mask when hovered. Has to be set in %. It is specially useful for square or big buttons.
Skew: determines the amount of skew to apply to the title. Learn more about skew here.
In transition duration: determines the entrance duration of the mask.
Out transition duration: determines the leave duration of the mask.
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

– Tamu

On this page