Loading

Read ArticleRead ArticleRead Article Back to EffectsBack to EffectsBack to Effects

Back to EffectsAbout /effects

Hyperiux Button Demo

Metallic Button

Get Started

bg image

Base Color

Dark base the metal sits on.

Sheen Color

Overlay tint; sets how warm or cold the chrome reads.

Band Count

Density of the stripe bands.

Edge Blur

Colour transition sharpness: 0 is a hard edge, 1 a smooth gradient.

Flow Angle

Direction the pattern flows, in degrees.

Zoom

Zoom into the pattern; higher reads as brighter chrome.

Warp

Noise warp over the stripe pattern.

Red Fringe

Red-channel dispersion; drives the warm edge fringing.

Blue Fringe

Blue-channel dispersion; drives the cool edge fringing.

Idle Speed

Sweep speed at rest.

Hover Speed

Sweep speed while hovered.

Click Speed

Sweep speed kicked on click, before settling back.

Loading Metallic Button