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

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

Curtain Open

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

#gradient #hover #shadow

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 Top Edge

Top edge ignites with animated flame gradient on hover.

#hover #animation #gradient

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 Spark

Fire sparks flicker on hover.

#hover #animation #gradient

Canlı incele Hover

Flip 3D Coin

Coin-toss flip on hover.

#hover #animation #gradient

Canlı incele Hover

Flip Card

Card flips in 3D to reveal its back face on hover.

#gradient #hover #3d

Canlı incele Hover

Aurora Edge Frame

Aurora-like gradient drifts along the edge on hover.

#hover #animation #gradient

Canlı incele Hover

Metallic Sheen Frame

Metallic gradient sheen sweeps the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Glow Beam Vertical

Vertical light beam sweeps on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Laser Grid

Laser grid lines light up on hover.

#hover #gradient #shadow

Canlı incele Hover

Glow Spotlight Beam

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

Zoom Frame Thumbnail

The artwork scales up inside a fixed frame while an inset border draws itself in.

#hover #gradient #transform

Canlı incele Hover

Lens Flare Soft

Soft anamorphic lens flare on hover.

#hover #gradient #transform

Canlı incele Hover

Magnetic Button

Button translates toward the cursor for a magnetic pull feel.

#gradient #hover #shadow

Canlı incele Hover

Stripes Diagonal Mask

Diagonal stripes sweep across on hover.

#hover #gradient #transform

Canlı incele Hover

Stripes Vertical Mask

Vertical stripes cascade down on hover.

#hover #gradient #transform

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

Candle Flame

Soft candle flame flickers on hover.

#hover #animation #gradient

Canlı incele Hover

Cosmos Particles

Cosmic stardust swirls on hover.

#hover #animation #gradient

Canlı incele Hover

Plasma Stream

Plasma stream flows on hover.

#hover #animation #gradient

Canlı incele Hover

Rainbow Arcs

Rainbow arcs shimmer on hover.

#hover #animation #gradient

Canlı incele Hover

Steam Rise

Steam wisps rise on hover.

#hover #animation #gradient

Canlı incele Hover

Vapor Mist

Soft vapor mist drifts 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

Property Trace Frame

Hover starts a registered angle animating, so the gradient outline runs the perimeter.

#hover #animation #gradient

Canlı incele Hover

Rain Drops

Rain streaks fall on hover.

#hover #animation #gradient

Canlı incele Hover

Reflection Glass

Frosted glass reflection on hover.

#hover #gradient #transform

Canlı incele Hover

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Canlı incele Hover

Shatter Glass

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

#gradient #hover #glass

Canlı incele Hover

Smoke Curl

Smoke curls upward on hover.

#hover #animation #gradient

Canlı incele Hover

Spotlight Dim Warm

Dim warm spotlight 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

Top Light Beam

Light beam shines down from top 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

Wipe Linear

Linear wipe sweep on hover.

#hover #gradient #transform

Canlı incele Yükleyiciler

Abacus Bead

Abacus beads sliding on rod.

#animation #gradient #transform

Canlı incele Yükleyiciler

Acorn Drop

Acorn bouncing after falling from a tree.

#animation #gradient #transform

Canlı incele Yükleyiciler

Asteroid Belt

Asteroids orbiting in a belt formation.

#animation #gradient #transform

Canlı incele Yükleyiciler

Aurora Borealis

Northern lights shimmering across a starry sky.

#animation #gradient #transform

Canlı incele Yükleyiciler

Aurora Curtain

Aurora curtain rippling in the sky.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bagpipe Drone

Bagpipes with inflating bag.

#animation #gradient #transform

Canlı incele Yükleyiciler

Banjo Strum

Banjo strings being strummed.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bar Pulse

Vertical bars pulsing in height like EQ.

#animation #gradient #transform

Canlı incele Yükleyiciler

Barometer

Barometer dial with needle.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ball Bearing

Ball bearing balls rolling in cage.

#animation #gradient #transform

Canlı incele Yükleyiciler

Belt Conveyor

Conveyor belt with items moving.

#animation #gradient

Canlı incele Yükleyiciler

Blizzard

Heavy snowfall with diagonal streaks.

#animation #gradient #transform

Canlı incele Yükleyiciler

Boat Anchor

Anchor lowering into the water with rippling waves.

#animation #gradient #transform

Canlı incele Yükleyiciler

Boxing Glove

Boxing glove jabbing back and forth like a punching bag.

#animation #gradient #transform

Canlı incele Yükleyiciler

Brake Squeeze

Brake caliper squeezing disc.

#animation #gradient #transform

Canlı incele Yükleyiciler

Brownie Bite

Brownie with bite marks.

#animation #gradient #transform

Canlı incele Yükleyiciler

Bulb Glow

Light bulb glowing on and off.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Butter Melt

Butter pat melting.

#animation #gradient #transform

Canlı incele Yükleyiciler

Butterfly

Butterfly flapping colorful wings as it floats.

#animation #gradient #transform

Canlı incele Yükleyiciler

Cable Car

Cable car hanging from a wire, swaying as it travels.

#animation #gradient

Canlı incele Yükleyiciler

Card Shuffle

Playing cards fanning out and shuffling back together.

#animation #gradient #transform

Canlı incele Yükleyiciler

Carnival Mask

Venetian carnival mask with feathers.

#animation #gradient #transform

Canlı incele Yükleyiciler

Carousel Spin

Carnival carousel with painted cabins orbiting a glowing center pole.

#animation #gradient #transform

Canlı incele Yükleyiciler

Cassette Spin

Cassette tape reels spinning.

#animation #gradient #transform

Canlı incele Yükleyiciler

Castle Turret Spin

Castle turret with crenellations rotating.

#animation #gradient #transform

Canlı incele Yükleyiciler

Chainsaw

Chainsaw chain speeding around the guide bar.

#animation #gradient #border

Canlı incele Yükleyiciler

Cheese Grate

Cheese being grated into strips.

#animation #gradient #transform

Canlı incele Yükleyiciler

Chess Knight

Chess knight piece moving.

#animation #gradient #transform

Canlı incele Yükleyiciler

Christmas Tree Glow

Christmas tree with twinkling lights.

#animation #gradient #transform

Canlı incele Yükleyiciler

Clapperboard

Movie clapperboard snapping.

#animation #gradient #transform

Canlı incele Yükleyiciler

Clutch Engage

Clutch plates engaging.

#animation #gradient #transform

Canlı incele Yükleyiciler

Coliseum Arch

Coliseum arches with light flicker.

#animation #gradient #filter

Canlı incele Yükleyiciler

Comet Streak

Comet with tail streaking across the sky.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Dart Throw Flight

Dart flying toward board.

#animation #gradient #transform

Canlı incele Yükleyiciler

Deflector Shield

Deflector shield bubble pulsing around ship.

#animation #gradient #transform

Canlı incele Yükleyiciler

Drum Stick

Drum stick bouncing on a snare drum head.

#animation #gradient #transform

Canlı incele Yükleyiciler

Dumpling Fold

Dumpling being pleated.

#animation #gradient #transform

Canlı incele Yükleyiciler

Easter Egg Dye

Easter egg being dipped in dye.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ember Glow

Hot embers glowing intensely.

#animation #gradient #transform

Canlı incele Yükleyiciler

Emerald Flash

Emerald gem flashing green light.

#animation #gradient #transform

Canlı incele Yükleyiciler

Fax Feed

Paper scrolling through a fax machine slot.

#animation #gradient #transform

Canlı incele Yükleyiciler

Fencing Lunge

Fencing sword lunging forward.

#animation #gradient #transform

Canlı incele Yükleyiciler

Firecracker Pop

Firecracker with explosive pop.

#animation #gradient #transform

Canlı incele Yükleyiciler

Floppy Disk

Floppy diskette sliding in and out of a drive slot.

#animation #gradient #border

Canlı incele Yükleyiciler

Flute

Flute with finger keys pressing in a melody pattern.

#animation #gradient #transform

Canlı incele Yükleyiciler

Force Field

Force field hexagon pattern glowing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Garlic Press

Garlic press squeezing cloves through tiny holes.

#animation #gradient #transform

Canlı incele Yükleyiciler

Gauge Needle

Gauge needle bouncing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Gem Glint

Gem with glint of light sweeping.

#animation #gradient

Canlı incele Yükleyiciler

Gradient Ring

A smooth gradient ring spinner with a fading tail, iOS-style.

#gradient #animation #border

Canlı incele Yükleyiciler

Gymnast Flip

Gymnast doing flip rotation.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hammer Strike

Hammer repeatedly striking a nail into wood.

#animation #gradient #transform