LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#gradient CSS efektleri

"gradient" etiketiyle eşleşen 5.189 ü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

BG Confetti Fall

Confetti pattern falls on background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Gradient Rotate

Background gradient rotates on hover.

#hover #animation #gradient

Canlı incele Hover

BG Grid Scroll

Grid pattern scrolls on hover.

#hover #animation #gradient

Canlı incele Hover

BG Mesh Shift

Mesh gradient layers shift on hover.

#hover #gradient

Canlı incele Hover

BG Noise Shimmer

Noise texture shimmers on hover.

#hover #animation #gradient

Canlı incele Hover

BG Parallax Shift

Background layers shift on hover.

#hover #gradient

Canlı incele Hover

BG Pattern Move

Background pattern shifts on hover.

#hover #animation #gradient

Canlı incele Hover

BG Radial Pulse

Radial gradient pulses on hover.

#hover #animation #gradient

Canlı incele Hover

BG Scan Line

Scan line passes over background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Shimmer

Shimmer sweeps across background on hover.

#hover #gradient #transform

Canlı incele Hover

BG Spotlight Reveal

Spotlight reveals hidden bg on hover.

#hover #gradient

Canlı incele Hover

BG Stripe Roll

Diagonal stripes roll on hover.

#hover #animation #gradient

Canlı incele Hover

BG Vignette Pulse

Vignette pulses around edges on hover.

#hover #animation #gradient

Canlı incele Hover

BG Water Ripple

Water-like ripple on hover.

#hover #animation #gradient

Canlı incele Hover

BG Zoom Pan

Background zooms and pans on hover.

#hover #gradient

Canlı incele Hover

Blinds Roll Up

Horizontal venetian blind slats roll up one-by-one to reveal content on hover.

#gradient #hover #shadow

Canlı incele Hover

Border Beam Trace

Light beam traces around border on hover.

#hover #animation #gradient

Canlı incele Hover

Border Conic Spin

Conic gradient border spins on hover.

#hover #animation #gradient

Canlı incele Hover

Border Glow Trace

Glowing dot traces around border on hover.

#hover #animation #gradient

Canlı incele Hover

Bubbles Float

Floating bubbles rise on hover.

#hover #animation #gradient

Canlı incele Hover

Bubbles Rise

Bubbles rise upward on hover.

#hover #animation #gradient

Canlı incele Hover

Checker Hide

Checker pattern hides on hover.

#hover #gradient

Canlı incele Hover

Checker Reveal

Checker pattern reveals new color on hover.

#hover #gradient

Canlı incele Hover

Amber Glow

Warm amber glow on hover.

#hover #gradient #shadow

Canlı incele Hover

Amethyst Purple

Amethyst purple shine on hover.

#hover #gradient

Canlı incele Hover

Aquamarine

Aquamarine sea-water tint on hover.

#hover #gradient

Canlı incele Hover

Berry Burst

Berry purple-magenta burst on hover.

#hover #gradient

Canlı incele Hover

Burgundy Rich

Rich burgundy wine tint on hover.

#hover #gradient

Canlı incele Hover

Clay Earth

Earth clay brown tint on hover.

#hover #gradient

Canlı incele Hover

Coral Reef

Coral reef orange-pink tint on hover.

#hover #gradient

Canlı incele Hover

Dawn Tint

Soft pink dawn tint washes over on hover.

#hover #gradient

Canlı incele Hover

Dusk Tint

Deep dusk purple tint on hover.

#hover #gradient

Canlı incele Hover

Emerald Shine

Emerald green shine on hover.

#hover #gradient #shadow

Canlı incele Hover

Forest Deep

Deep forest green on hover.

#hover #gradient

Canlı incele Hover

Lava Flow

Molten lava flow gradient on hover.

#hover #animation #gradient

Canlı incele Hover

Lemon Zest

Zesty lemon yellow tint on hover.

#hover #gradient

Canlı incele Hover

Mint Cool

Cool mint green tint on hover.

#hover #gradient

Canlı incele Hover

Mustard Yellow

Mustard yellow tint on hover.

#hover #gradient

Canlı incele Hover

Mute Fade

Colors mute and fade on hover.

#hover #gradient #filter

Canlı incele Hover

Onyx Black

Onyx deep black shine on hover.

#hover #gradient #shadow

Canlı incele Hover

Opal Iridescent

Opal iridescent rainbow shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Pastel Wash

Soft pastel wash overlay on hover.

#hover #gradient

Canlı incele Hover

Pearl Shimmer

Pearlescent shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Rainbow Static

Static rainbow gradient on hover.

#hover #gradient

Canlı incele Hover

Rose Quartz

Rose quartz pink shimmer on hover.

#hover #gradient

Canlı incele Hover

Sand Warm

Warm sand tan tint on hover.

#hover #gradient

Canlı incele Hover

Sapphire Blue

Deep sapphire blue glow on hover.

#hover #gradient

Canlı incele Hover

Sunrise Glow

Soft sunrise gradient emerges on hover.

#hover #gradient

Canlı incele Hover

Sunset Glow

Warm sunset gradient glow on hover.

#hover #gradient #shadow

Canlı incele Hover

Tangerine

Bright tangerine orange on hover.

#hover #gradient

Canlı incele Hover

Thermal Hot

Thermal heat-map colors fire up on hover.

#hover #gradient

Canlı incele Hover

Turquoise Sea

Turquoise sea gradient on hover.

#hover #gradient

Canlı incele Hover

Twilight Shift

Twilight purple-blue shift on hover.

#hover #gradient

Canlı incele Hover

Vivid Surge

Saturation surges to maximum on hover.

#hover #gradient #filter

Canlı incele Hover

CRT Flicker

Screen brightness flickers erratically with a phosphor glow on hover.

#gradient #animation #hover

Canlı incele Hover

Curtain Rise

Curtain rises to reveal content on hover.

#hover #gradient #transform

Canlı incele Hover

Desaturate Drain

Color drains away to grayscale on hover.

#hover #gradient #transform

Canlı incele Hover

Dispersion Spectrum

Full spectrum dispersion splits on hover.

#hover #gradient

Canlı incele Hover

Flame Bottom Edge

Bottom edge ignites with animated flame gradient on hover.

#hover #animation #gradient

Canlı incele Hover

Needle Left Edge

Vertical needle bar slides in from left edge on hover.

#hover #animation #gradient

Canlı incele Hover

Evaporate Up

Content floats upward with a vertical blur as if evaporating on hover.

#gradient #hover #border

Canlı incele Hover

Fire Rise

Flames rise upward on hover.

#hover #gradient

Canlı incele Hover

Flip Coin

Element flips like a spinning coin on hover.

#hover #gradient #transform

Canlı incele Hover

Chevron Trace Frame

Chevron pattern traces the border on hover.

#hover #gradient #transform

Canlı incele Hover

Hologram Edge Frame

Holographic shimmer traces the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Rainbow Arc Frame

Rainbow gradient arc traces the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Ribbon Trace Frame

Ribbon-like band traces around the border on hover.

#hover #animation #gradient

Canlı incele Hover

Stripes Slide Frame

Diagonal stripes slide across the border on hover.

#hover #gradient #border

Canlı incele Hover

VHS Trace Frame

VHS tracking distortion lines trace the border on hover.

#hover #animation #gradient

Canlı incele Hover

Zipper Open Frame

Zipper teeth separate as frame opens on hover.

#hover #gradient #border

Canlı incele Hover

Frost Freeze

Icy crystal pattern forms over the panel with a frosted blue tint on hover.

#gradient #hover #shadow

Canlı incele Hover

Glow Aura Orb

Expanding aura orb radiates on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Gleam Sweep

Bright gleam sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Gradient Flow

Animated gradient glow flows around on hover.

#hover #animation #gradient

Canlı incele Hover

Glow Halo Disc

Floating halo disc forms above on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Shimmer Wave

Shimmer wave of light on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Twinkle Field

Twinkling starfield glows on hover.

#hover #animation #gradient

Canlı incele Hover

Glow Vignette Deep

Deep vignette shadow with inner glow on hover.

#hover #gradient #shadow

Canlı incele Hover

Gold Sheen Sweep

Metallic gold sheen sweeps diagonally on hover.

#hover #gradient #transform

Canlı incele Hover

Gradient Glow

Multi-color gradient glow surrounds on hover.

#hover #animation #gradient

Canlı incele Hover

Gradient Sweep

A diagonal gradient band sweeps across the button on hover.

#gradient #hover #border

Canlı incele Hover

Grayscale Full

Complete grayscale conversion on hover.

#hover #gradient #transform

Canlı incele Hover

Hue Cycle

Element cycles through the full hue spectrum on hover.

#hover #animation #gradient

Canlı incele Hover

Image Zoom Overlay

Image scales up gently while a dark overlay fades in with a caption.

#gradient #hover #border

Canlı incele Hover

Implode

Content shrinks toward a central point with a vortex glow on hover.

#gradient #hover #border

Canlı incele Hover

Iris Close

Iris-shutter closes on hover.

#hover #gradient #transform

Canlı incele Hover

Iris Expand

Iris expands to reveal on hover.

#hover #gradient #transform

Canlı incele Hover

Iris Shrink

Iris shrinks to a point on hover.

#hover #gradient

Canlı incele Hover

Key Light Studio

Studio key-light sweep on hover.

#hover #gradient #transform

Canlı incele Hover

Lens Flare

Lens flare spots drift across on hover.

#hover #gradient

Canlı incele Hover

Lens Flare Burst

Burst of lens flares on hover.

#hover #gradient

Canlı incele Hover

Liquid Fill

Liquid fills up from bottom on hover.

#hover #gradient

Canlı incele Hover

Circle Clip Grow

Circle clip-path grows to reveal on hover.

#hover #gradient

Canlı incele Hover

Circle Clip Shrink

Circle clip-path shrinks to reveal original on hover.

#hover #gradient

Canlı incele Hover

Dots Grow Mask

Dots multiply and grow to fill on hover.

#hover #animation #gradient

Canlı incele Hover

Grid Emerge Mask

Grid pattern emerges across the element on hover.

#hover #gradient