Skip to content

Fluid Rise Button

button with a fill animation

Fluid Rise Button preview image 1

Summary

button with a fill animation

Description

button with a fill animation that rises from the bottom, creating a clean and modern interaction. Perfect for call-to-action buttons, landing pages, and navigation elements.

Customizable Options :

  • Text : Set the button label text.

  • Link : Add a destination URL for the button.

  • Background : Define the default button background color.

  • Fill Color : Choose the color of the liquid fill animation on hover.

  • Text Color : Set the text color in the normal state.

  • Fill Text Color : Set the text color when the button is filled.

  • Radius : Adjust the button’s corner roundness.

  • Border Width : Control the thickness of the button border.

  • Border Color : Set the border color.

  • Font : font, size, weight, letter spacing, and line height.

Rank history How rankings work →

120014001600163278/149/59/2710/1911/10
  • All · #6327

Details

More like this