LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#gradient CSS efektleri

"gradient" etiketiyle eşleşen 4.959 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Hover

Bonfire Blaze

Bonfire blaze lights up on hover.

#hover #animation #gradient

Canlı incele Hover

Bubble Pop

Bubbles pop on hover.

#hover #animation #gradient

Canlı incele Hover

Bubble Stream

Stream of bubbles rises on hover.

#hover #animation #gradient

Canlı incele Hover

Candle Flame

Soft candle flame flickers on hover.

#hover #animation #gradient

Canlı incele Hover

Cloud Drift

Clouds drift across on hover.

#hover #animation #gradient

Canlı incele Hover

Comet Trail

Comet streaks across on hover.

#hover #animation #gradient

Canlı incele Hover

Confetti Rain

Confetti rains down on hover.

#hover #animation #gradient

Canlı incele Hover

Cosmos Particles

Cosmic stardust swirls on hover.

#hover #animation #gradient

Canlı incele Hover

Dew Drops

Dew drops form on hover.

#hover #animation #gradient

Canlı incele Hover

Electric Arc

Electric arcs flicker on hover.

#hover #animation #gradient

Canlı incele Hover

Fairy Dust

Fairy dust sparkles trail on hover.

#hover #animation #gradient

Canlı incele Hover

Feather Drift

Feathers drift down on hover.

#hover #animation #gradient

Canlı incele Hover

Foam Fizz

Foam fizzles on hover.

#hover #animation #gradient

Canlı incele Hover

Fog Roll

Fog rolls in across the element on hover.

#hover #animation #gradient

Canlı incele Hover

Galaxy Particles

Galaxy of stars swirls around on hover.

#hover #animation #gradient

Canlı incele Hover

Geyser Spray

Geyser sprays upward on hover.

#hover #animation #gradient

Canlı incele Hover

Hail Stones

Hail stones fall on hover.

#hover #animation #gradient

Canlı incele Hover

Light Rays

Light rays beam on hover.

#hover #animation #gradient

Canlı incele Hover

Lightning Bolt

Lightning bolt strikes on hover.

#hover #animation #gradient

Canlı incele Hover

Magic Sparkle

Magic sparkles burst on hover.

#hover #animation #gradient

Canlı incele Hover

Meteor Shower

Multiple meteors streak down on hover.

#hover #animation #gradient

Canlı incele Hover

Northern Lights

Soft northern lights drift on hover.

#hover #animation #gradient

Canlı incele Hover

Plasma Stream

Plasma stream flows on hover.

#hover #animation #gradient

Canlı incele Hover

Rain Storm

Rain storm falls on hover.

#hover #animation #gradient

Canlı incele Hover

Rocket Launch

Rocket launches upward on hover.

#hover #animation #gradient

Canlı incele Hover

Smoke Trail

Smoke trail rises on hover.

#hover #animation #gradient

Canlı incele Hover

Snow Blizzard

Snow blizzard swirls on hover.

#hover #animation #gradient

Canlı incele Hover

Stardust

Magical stardust sprinkles on hover.

#hover #animation #gradient

Canlı incele Hover

Steam Rise

Steam wisps rise on hover.

#hover #animation #gradient

Canlı incele Hover

Torch Flame

Torch flame blazes on hover.

#hover #animation #gradient

Canlı incele Hover

Tornado Particles

Tornado-like swirling particles on hover.

#hover #animation #gradient

Canlı incele Hover

Vapor Mist

Soft vapor mist drifts on hover.

#hover #animation #gradient

Canlı incele Hover

Vortex Particles

Vortex of particles spins around the element on hover.

#hover #animation #gradient

Canlı incele Hover

Waterfall

Waterfall cascades down on hover.

#hover #animation #gradient

Canlı incele Hover

Wave Crest

Wave crests roll on hover.

#hover #animation #gradient

Canlı incele Hover

Wind Blow

Wind-like motion lines blow across on hover.

#hover #animation #gradient

Canlı incele Hover

Petals Fall

Cherry petals drift down on hover.

#hover #animation #gradient

Canlı incele Hover

Pixel Grid Light

A fine grid of pixel dots lights up across the panel on hover.

#gradient #hover #shadow

Canlı incele Hover

Polychrome Rainbow

Animated rainbow wash on hover.

#hover #animation #gradient

Canlı incele Hover

Purple Haze

Dreamy purple haze drifts over on hover.

#hover #gradient #transform

Canlı incele Hover

Rain Pour

Pouring rain on hover.

#hover #animation #gradient

Canlı incele Hover

Rainbow Text Flow

Rainbow gradient flows across text on hover.

#hover #animation #gradient

Canlı incele Hover

Ray Burst

Light rays burst outward from center on hover.

#hover #animation #gradient

Canlı incele Hover

Reflection Glass

Frosted glass reflection on hover.

#hover #gradient #transform

Canlı incele Hover

Reflection Mirror

Mirror reflection beneath on hover.

#hover #gradient #transform

Canlı incele Hover

Reflection Water

Wavy water reflection on hover.

#hover #animation #gradient

Canlı incele Hover

Refraction Prism

Prism splits light on hover.

#hover #gradient #transform

Canlı incele Hover

Ripple Pulse

An expanding ring ripples outward from the button on hover.

#gradient #hover #border

Canlı incele Hover

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Canlı incele Hover

Scale + Blur Background

Background scales up and blurs while a foreground panel focuses in.

#gradient #hover #shadow

Canlı incele Hover

Scanline Sweep

A bright CRT scanline sweeps vertically down the panel on hover.

#gradient #animation #hover

Canlı incele Hover

Shadow Clone

Two blurred echo clones offset diagonally behind the button on hover.

#gradient #hover #shadow

Canlı incele Hover

Shadow Perspective

Perspective floor shadow on hover.

#hover #gradient #transform

Canlı incele Hover

Shatter Glass

Panel splits into 4 glassy quadrants that fly outward and fade on hover.

#gradient #hover #glass

Canlı incele Hover

Shatter Glass

Shatters into glass shards on hover.

#hover #gradient #transform

Canlı incele Hover

Shimmer Veil

Shimmering veil over content on hover.

#hover #gradient

Canlı incele Hover

Shine Line Sweep

A bright shine band sweeps diagonally across the icon button.

#gradient #hover #border

Canlı incele Hover

Shutter Close

Four triangular shutter blades sweep in from the corners to close over the panel on hover.

#gradient #hover #shadow

Canlı incele Hover

Silver Shine

Cool silver shine sweeps across on hover.

#hover #gradient

Canlı incele Hover

Skew Tilt Button

Button skews horizontally on hover for a playful tilt.

#gradient #hover #shadow

Canlı incele Hover

Slide Reveal Overlay

A colored panel slides up from below, swapping the label text color.

#gradient #hover #border

Canlı incele Hover

Smoke Curl

Smoke curls upward on hover.

#hover #animation #gradient

Canlı incele Hover

Smoke Rise

Smoke rises upward on hover.

#hover #gradient #transform

Canlı incele Hover

Snow Drift

Snow drifts down on hover.

#hover #animation #gradient

Canlı incele Hover

Snow Fall

Snow falls across surface on hover.

#hover #animation #gradient

Canlı incele Hover

Snow Swirl

Snow swirls in vortex on hover.

#hover #animation #gradient

Canlı incele Hover

Sparks Rain

Sparks rain down on hover.

#hover #animation #gradient

Canlı incele Hover

Sparks Trail

Trail of sparks follows on hover.

#hover #animation #gradient

Canlı incele Hover

Cursor Spotlight

A radial spotlight follows the cursor across the surface on hover.

#gradient #hover #border

Canlı incele Hover

Spotlight Cursor

Spotlight follows the cursor across the surface.

#hover #gradient

Canlı incele Hover

Spotlight Warm Glow

Warm spotlight intensifies on hover.

#hover #gradient #shadow

Canlı incele Hover

Spotlight Zoom

Spotlight zooms in and brightens on hover.

#hover #gradient #transform

Canlı incele Hover

Stage Light Spot

Theatrical stage spot on hover.

#hover #gradient #transform

Canlı incele Hover

Starburst Rays

Radiating starburst rays on hover.

#hover #gradient #transform

Canlı incele Hover

Stars Spin

Stars spin in galaxy on hover.

#hover #animation #gradient

Canlı incele Hover

Stars Twinkle

Stars twinkle in night sky on hover.

#hover #animation #gradient

Canlı incele Hover

Gradient Fill Text

Gradient fill appears in text on hover.

#hover #gradient

Canlı incele Hover

Image Fill Text

Image-like pattern fills text on hover.

#hover #gradient

Canlı incele Hover

Pattern Fill Text

Pattern fills text on hover.

#hover #gradient

Canlı incele Hover

Text Mask Reveal

A duplicate gradient-filled text slides up to mask-reveal on hover.

#gradient #hover #transform

Canlı incele Hover

Thermal Map

Heat-map thermal gradient on hover.

#hover #gradient #shadow

Canlı incele Hover

Top Light Beam

Light beam shines down from top on hover.

#hover #gradient #transform

Canlı incele Hover

Tritone Forest

Earthy forest tritone gradient on hover.

#hover #gradient #shadow

Canlı incele Hover

Tritone Ocean

Deep ocean tritone on hover.

#hover #gradient #shadow

Canlı incele Hover

Tritone Sunset

Three-band sunset gradient overlay on hover.

#hover #gradient #shadow

Canlı incele Hover

TV Turn Off

Panel collapses to a thin horizontal line then fades like an old TV switching off.

#gradient #hover #border

Canlı incele Hover

Underglow

Glow emanates from beneath on hover.

#hover #gradient #transform

Canlı incele Hover

Vanish

Content vanishes into a blur haze while a smoke cloud puffs outward on hover.

#gradient #hover #border

Canlı incele Hover

Venetian Tilt

Vertical venetian blind slats rotate in 3D to let light through on hover.

#gradient #hover #3d

Canlı incele Hover

Vignette Darken

Edges darken with vignette on hover.

#hover #gradient

Canlı incele Hover

Warm Overlay

Warm orange overlay washes in on hover.

#hover #gradient

Canlı incele Hover

Wipe Linear

Linear wipe sweep on hover.

#hover #gradient #transform

Canlı incele Hover

Wipe Radial

Radial wipe reveal on hover.

#hover #gradient #transform

Canlı incele Hover

Zoom Blur

Content zooms in with a radial blur, simulating a dolly zoom on hover.

#gradient #hover #shadow

Canlı incele Loaders

Abacus Bead

Abacus beads sliding on rod.

#animation #gradient #transform

Canlı incele Loaders

Accordion Bellows

Accordion bellows expanding and contracting.

#animation #gradient #transform

Popüler etiketler

#transform5765 #shadow5548 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3