# gradient CSS effects

Asphalt Grit

Asphalt gritty dark texture.

Ballet Grace

Graceful ballet pink on text.

Blueberry Blue

Deep blue blueberry on text.

Blueprint Architect

Architect blueprint drawing.

Brick Mortar

Brick wall pattern text with mortar lines.

Bronze Aged

Aged bronze with patina hints.

#animation #gradient #filter

Byzantine Mosaic

Byzantine gold mosaic on text.

Cadenza Solo

Virtuosic solo cadenza on text.

Cardboard Recycled

Recycled cardboard kraft paper.

Carnival Mask

Mardi Gras carnival mask on text.

Checker Diagonal

Diagonal checkerboard pattern.

Chrome Metallic

Polished chrome metallic text with bright reflection and dark base.

Cinema Projector

Cinema projector beam glow.

Circus Tent

Circus striped tent on text.

Cobalt Bright

Bright cobalt-blue text with a glossy highlight.

Color Blocks Quartet

Four distinct vertical color blocks.

Color Paint Stroke

Hand-painted color stroke effect.

Concert Hall

Grand concert hall on text.

CRT Monitor Curve

CRT monitor scanline curve.

#gradient #shadow

Daffodil Trumpet

Yellow daffodil trumpet cup on text.

Damask Floral

Ornate damask floral pattern in deep gold.

Drizzle Light

Light gentle drizzle over text.

Duotone Green Purple

Diagonal green to purple duotone gradient.

Duotone Red Blue

Sharp red and blue duotone split horizontally.

Edwardian Elegant

Edwardian elegant cream on text.

Enamel Baked

Baked enamel hard glossy finish.

Event Horizon

Dark ring of no return surrounding text.

#gradient #animation #shadow

Fire Text

Text painted with a flickering fire gradient in warm reds and yellows.

Lens Flare Bright

Bright lens flare streaks.

Leo Lion

Majestic maned Leo lion zodiac sign.

Lotus Tranquil

Tranquil pink lotus on water text.

Neptune Blue

Deep blue ice giant Neptune.

Paprika Red

Red paprika spice on text.

Pearl Pink

Pink pearl soft luster.

Pearl Shimmer

Iridescent pearl shimmer with soft pastel shifts.

#animation #gradient

Peony Lush

Lush full pink peony on text.

Pine Evergreen

Deep evergreen pine on text.

Platinum Shine

Bright platinum-shine metallic gradient with cool highlights.

Quasar Beam

Brilliant quasar beam sweeping across bright text.

Retro 60s Psychedelic

1960s psychedelic swirling colors.

Roman Column

Roman fluted column on text.

Slate Flat

Flat slate matte gray stone.

#gradient #animation #shadow

Sphere Shaded

Text filled with a radial highlight gradient giving a spherical metallic look.

Stained Glass

Stained glass colorful panels.

Strawberry Red

Sweet red strawberry on text.

Stripes Tiger

Tiger vertical stripe pattern.

Tulip Cup

Cup-shaped tulip gradient on text.

Vintage Magazine Glossy

Vintage magazine glossy print.

Water Ripple

Text with a watery ripple distortion effect.

Wave Triangle

Triangle wave zigzag pattern.

Y2K Bubble Gloss

Y2K glossy bubble text.

Y2K Chrome

Y2K millennium chrome text with metallic blue.

#animation #gradient #filter

Zenith Peak

Bright peak point directly overhead in text.

Live preview Tooltips

Aurora Borealis

Northern-lights aurora borealis gradient tooltip.

#hover #animation #gradient

Live preview Tooltips

BG Aurora

Tooltip with aurora gradient background above the trigger.

Live preview Tooltips

BG Mesh

Tooltip with mesh gradient background above the trigger.

Live preview Tooltips

BG Plasma

Tooltip with plasma gradient background above the trigger.

Live preview Tooltips

BG Radial

Tooltip background radiates from center above the trigger.

Live preview Tooltips

Carbon Fiber

Carbon fiber weave texture tooltip above the trigger.

Live preview Tooltips

Comet Tail

Comet tail tooltip with trailing gradient streak.

Live preview Tooltips

Coral Sunset Pink

Warm coral-to-pink gradient tooltip evoking a sunset.

Live preview Tooltips

Crystal Spark

Crystal-like sparkling tooltip above the trigger.

Live preview Tooltips

Cyber Grid

Cyberpunk grid pattern tooltip above the trigger.

Live preview Tooltips

Deep Teal Pool

Teal tooltip with a subtle aqua gradient pool effect.

Live preview Tooltips

Denim Fabric

Denim fabric texture tooltip above the trigger.

Live preview Tooltips

Feature Card

Feature highlight card tooltip above the trigger.

Live preview Tooltips

Glass Iridescent

Iridescent glass tooltip with a rainbow shimmer overlay.

Live preview Tooltips

Mojito Mint

Fresh mojito mint tooltip with lime accent above the trigger.

Live preview Tooltips

Obsidian Black

Obsidian black glassy tooltip above the trigger.

Live preview Tooltips

Ocean Wave

Ocean blue gradient tooltip above the trigger.

Live preview Tooltips

Pearl White

Pearl white shimmering tooltip above the trigger.

Live preview Tooltips

Progress Bar

Tooltip with animated progress bar above the trigger.

Live preview Tooltips

Progress Ring

Circular progress ring tooltip above the trigger.

Live preview Tooltips

Robot Circuit

Robot circuit tooltip with PCB-style green-and-cyan grid.

#hover #animation #gradient

Live preview Tooltips

Shimmer Wave

Tooltip with a shimmering wave gradient sweeping across.

Live preview Tooltips

Silver Metallic

Silver metallic tooltip with subtle gradient above the trigger.

Live preview Tooltips

Spotlight Radial

Tooltip with a radial spotlight gradient highlighting its center.

Live preview Tooltips

St Patrick Clover

Lucky green St Patrick's Day clover tooltip.

Live preview Tooltips

Sunset Blaze

Vibrant sunset-blaze gradient tooltip.

Live preview Tooltips

Tick Marks Bottom

Tooltip with tick-mark decorations along its bottom edge.

Live preview Tooltips

Valentine Heart

Romantic pink valentine heart tooltip.

#thumbnail #gradient #animation

Live preview Timelines

Lagoon Thumbnail Timeline

Every entry carries a small gradient frame whose light drifts on its own beat.

Live preview Timelines

Marble Metro Timeline

A thick marble line threads three station rings the way a subway route map does.

#layout #gradient #border

Live preview Toggles

Amethyst Violet

Amethyst violet crystal with mystic glow.

Live preview Toggles

Bellows Expand

Camera bellows expand and contract as the knob moves.

#gradient #transform

Live preview Toggles

Binary Flow

Binary digits stream across the track as data flows.

Live preview Toggles

Bubble Pop

Glassy bubble knob pops to a larger size when activated.

Live preview Toggles

Buoyant / Sinking

Buoyant knob floats then sinks beneath the water on toggle.

Live preview Toggles

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#gradient #shadow #border

Live preview Toggles

Cat / Dog Morph

Knob slides between a cat face and a dog face with a soft pop morph.

Live preview Toggles

Clear / Static

Antenna knob picks up static dots scattered across the track.

Live preview Toggles

Cobalt Streak

Cobalt blue streak with lightning glow.

Live preview Toggles

Cog Mesh

Two interlocking cogwheels rotate together when engaged.

Live preview Toggles

Copper / Silver

Warm copper knob cools into a bright silver finish.