v2.0
Library
Button effects
The Wave Effect is a visually dynamic animation that mimics the motion of waves flowing across the surface of a button or any interactive element.
data-wave
Required
Activates the Wave Effect on the button.
data-wave-speed
Optional
Controls the speed at which the wave animation moves.
Default: 0.03
data-wave-height
Optional
Specifies the height of the waves as a fraction of the button’s height.
Default: 0.15
data-wave-count
Optional
Sets the number of waves flowing across the button simultaneously.
Default: 3
Choose how you'd like to connect with our support team
Get help from our team of experts
Response within 24 hours