Skip to content

component

Fluid Rise Button

By Edi Priatama

Details

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.

Introduction

button with a fill animation

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300131678/148/228/309/79/15
  • All · #2920