Fluid Rise Button
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.
Make it with Workshop
Build your own component with AI
About this Component
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.
