LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 10.238 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

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

Leaf Fall

Leaves fall across on hover.

#hover #animation #transform

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

Pendulum Slow

Slow pendulum motion on hover.

#hover #animation #transform

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

RGB Channel Split

Text splits into red and cyan channel ghosts that drift apart on hover.

#hover #transform

Canlı incele Hover

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Canlı incele Hover

Rotate 3D Crate

Crate lid swings open on hover.

#hover #transform #border

Canlı incele Hover

Saturate Bleed

Over-saturates with a soft bloom halo on hover.

#hover #shadow #filter

Canlı incele Hover

Saturate Surge

Saturation surges to maximum on hover.

Canlı incele Hover

Mega Shake

Violent mega shake on hover.

#hover #animation #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

Skew X Deep

Deep X-axis skew on hover.

#hover #transform

Canlı incele Hover

Smoke Curl

Smoke curls upward on hover.

#hover #animation #gradient

Canlı incele Hover

Sparks Fly

Sparks fly outward on hover.

#hover #animation #transform

Canlı incele Hover

Spotlight Dim Warm

Dim warm spotlight on hover.

#hover #gradient

Canlı incele Hover

Stars Burst

Tiny stars burst outward on hover.

#hover #animation #transform

Canlı incele Hover

Text Blur Focus

Text blurs then focuses on hover.

Canlı incele Hover

Letter Spaced

Letters spread apart on hover.

Canlı incele Hover

Text Mask Reveal

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

#gradient #hover #transform

Canlı incele Hover

Outline Color Text

Text outline changes color on hover.

Canlı incele Hover

Text Rainbow Cycle

Each letter cycles rainbow on hover.

Canlı incele Hover

Stack Shadow Text

Stacked shadows form on text on hover.

Canlı incele Hover

Text Strike Through

Line strikes through text on hover.

#hover #transform

Canlı incele Hover

Fast Typewriter

Fast typewriter effect on hover.

Canlı incele Hover

Tick Clock

Steady clock tick on hover.

#hover #animation #transform

Canlı incele Hover

Tilt Skew

Combined tilt and skew transform on hover.

#hover #transform

Canlı incele Hover

Tint Yellow

Yellow color tint overlay on hover.

Canlı incele Hover

Top Light Beam

Light beam shines down from top on hover.

#hover #gradient #transform

Canlı incele Hover

Tremor Hard

Hard intense tremor on hover.

#hover #animation #transform

Canlı incele Hover

Twinkle Stars

Tiny stars twinkle on hover.

#hover #animation #transform

Canlı incele Hover

Center-Out Underline

An underline grows outward from the link's center on hover.

Canlı incele Hover

Vanish

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

#gradient #hover #border

Canlı incele Hover

Vanish Poof

Vanishes in a poof on hover.

#hover #animation #transform

Canlı incele Hover

Vibrate Fast

Element vibrates rapidly on hover.

#hover #animation #transform

Canlı incele Hover

Wipe Diagonal

Diagonal wipe reveal on hover.

#hover #transform

Canlı incele Hover

Wipe Left

New color wipes in from right to left on hover.

#hover #transform

Canlı incele Hover

Wipe Linear

Linear wipe sweep on hover.

#hover #gradient #transform

Canlı incele Hover

Horizontal Wobble

Horizontal wobble motion on hover.

#hover #animation #transform

Canlı incele Hover

Wobble Soft

Soft gentle wobble on hover.

#hover #animation #transform

Canlı incele Hover

Vertical Wobble

Vertical wobble motion on hover.

#hover #animation #transform

Canlı incele Hover

Zoom Flip

Zoom with flip transform on hover.

#hover #transform #3d

Canlı incele Hover

Zoom In

Element zooms in dramatically on hover.

#hover #transform

Canlı incele Hover

Zoom Mega

Huge zoom-in on hover.

#hover #transform

Canlı incele Hover

Zoom Micro

Tiny zoom-out on hover.

#hover #transform

Canlı incele Hover

Zoom Pulse

Element zooms with a pulse on hover.

#hover #animation #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

Anemometer Cups

Anemometer with spinning cups.

#animation #transform

Canlı incele Yükleyiciler

Antenna Signal

Antenna with signal waves.

#animation #transform #border

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

Brushless Motor

Brushless motor with smooth rotation.

#animation #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

Celebration Burst

Star burst celebration animation.

#animation #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

Constellation

Stars connecting to form a constellation.

#animation #transform #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

Derecho

Wide straight-line wind storm.

#animation #transform