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

Rose Quartz

Rose quartz pink shimmer on hover.

#hover #gradient

Canlı incele Hover

Ruby Red

Deep ruby red glow on hover.

#hover #gradient

Canlı incele Hover

Sage Soft

Soft sage green tint 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

Sky Bright

Bright sky blue 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 Cold

Cool thermal colors flow on hover.

#hover #gradient

Canlı incele Hover

Thermal Hot

Thermal heat-map colors fire up on hover.

#hover #gradient

Canlı incele Hover

Topaz Yellow

Bright topaz yellow 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

Violet Dream

Dreamy violet gradient on hover.

#hover #gradient

Canlı incele Hover

Vivid Surge

Saturation surges to maximum on hover.

#hover #gradient #filter

Canlı incele Hover

Color Warp BG

Background warps through colors on hover.

#hover #gradient

Canlı incele Hover

Contrast Punch

Contrast spikes for a punchy look on hover.

#hover #gradient #filter

Canlı incele Hover

Cool Overlay

Cool blue overlay washes in on hover.

#hover #gradient

Canlı incele Hover

Copper Warm

Warm copper glow radiates on hover.

#hover #gradient #transform

Canlı incele Hover

CRT Flicker

Screen brightness flickers erratically with a phosphor glow on hover.

#gradient #animation #hover

Canlı incele Hover

Curtain Fall

Curtain falls down to cover content on hover.

#hover #gradient #transform

Canlı incele Hover

Curtain Open

Two colored curtains split apart horizontally to reveal content on hover.

#gradient #hover #shadow

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

Dissolve to Dots

A dotted overlay fades in over the panel, dissolving the content into a dot matrix on hover.

#gradient #hover #border

Canlı incele Hover

Dust Swirl

Dust swirls around on hover.

#hover #animation #gradient

Canlı incele Hover

Flame Bottom Edge

Bottom edge ignites with animated flame gradient on hover.

#hover #animation #gradient

Canlı incele Hover

Flame Top Edge

Top 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

Needle Right Edge

Vertical needle bar slides in from right 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

Explode Out

Colored shards burst outward in all directions with scaling and fading 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

Aurora Edge Frame

Aurora-like gradient drifts along the edge on hover.

#hover #animation #gradient

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

Glitter Shimmer

Glitter shimmers across surface on hover.

#hover #animation #gradient

Canlı incele Hover

Glitter Sparkle

Glitter sparkles on hover.

#hover #animation #gradient

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 Spotlight Beam

Bright spotlight beam from above 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

Grayscale Reveal

Starts grayscale, hover reveals full color.

#hover #gradient #transform

Canlı incele Hover

Highlight Sweep

Bright highlight band sweeps across 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

Hue Shift Cool

Hue rotates toward cool tones on hover.

#hover #gradient #transform

Canlı incele Hover

Hue Shift Warm

Hue rotates toward warm tones on hover.

#hover #gradient #transform

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

Lens Flare Soft

Soft anamorphic lens flare on hover.

#hover #gradient #transform

Canlı incele Hover

Liquid Fill

Liquid fills up from bottom on hover.

#hover #gradient

Canlı incele Hover

Magnetic Button

Button translates toward the cursor for a magnetic pull feel.

#gradient #hover #shadow

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

Canlı incele Hover

Iris Wipe Mask

Iris-like circle wipe reveals on hover.

#hover #gradient

Canlı incele Hover

Pixelate Reveal Mask

Pixelated mosaic reveals on hover.

#hover #gradient

Canlı incele Hover

Spotlight Cursor Mask

Spotlight reveals around the cursor on hover.

#hover #gradient

Canlı incele Hover

Stripes Diagonal Mask

Diagonal stripes sweep across on hover.

#hover #gradient #transform

Canlı incele Hover

Wave Sweep Mask

Wavy mask sweeps across on hover.

#hover #gradient

Canlı incele Hover

Zigzag Trace Mask

Zigzag pattern traces across on hover.

#hover #gradient #transform

Canlı incele Hover

Melt Drip

Button melts downward with drooping corners and a falling drip on hover.

#gradient #hover #border

Canlı incele Hover

Mosaic Assemble

Mosaic tiles assemble on hover.

#hover #gradient

Canlı incele Hover

Mosaic Disperse

Mosaic tiles disperse on hover.

#hover #gradient

Canlı incele Hover

Mosaic Tile Flip

A 3x3 grid of small tiles flips in 3D in a staggered wave on hover.

#gradient #hover #3d

Canlı incele Hover

Motion Smear

Label smears horizontally with a directional blur as if caught mid-motion on hover.

#gradient #hover #border

Canlı incele Hover

Origami Fold

Element folds like origami on hover.

#hover #gradient #transform

Canlı incele Hover

Paint Brush

Brush stroke paint on hover.

#hover #gradient #transform

Canlı incele Hover

Paint Roller

Paint roller coats on hover.

#hover #gradient #transform

Canlı incele Hover

Paint Spray

Spray-paint splatter on hover.

#hover #gradient

Canlı incele Hover

Ash Fall

Ash particles fall on hover.

#hover #animation #gradient

Canlı incele Hover

Aurora Borealis

Northern lights aurora shifts on hover.

#hover #animation #gradient

Popüler etiketler

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