Loading

Read ArticleRead ArticleRead Article Back to EffectsBack to EffectsBack to Effects

Back to EffectsAbout /effects

Hyperiux Button Demo

Shiny Button

bg image

LabelGet Started

Button label text.

Fill Color

Button fill colour inside the animated border.

Label Color

Label colour.

Accent Color

Colour of the rotating border arc, inner shimmer, and hover glow.

Accent Soft Color

Shine colour the border eases into while hovered.

Sweep Duration

Seconds for one full rotation of the border gradient.

Ease Duration

Seconds for the hover ease into the wider, brighter border.

Arc Width

Resting width of the bright border arc, as a percentage.

Corner Radius

Corner radius in pixels; 32 and above render as a full pill at the default height.

Speckle Opacity

Strength of the dot pattern layer.

Loading Shiny Button