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

VHS Trace Frame

VHS tracking distortion lines trace the border 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 Soft Pulse

Soft pulsing glow halo on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Sparkle Dust

Sparkle dust glints on hover.

#hover #animation #transform

Canlı incele Hover

Glow Spotlight Beam

Bright spotlight beam from above on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Strobe Rapid

Rapid strobe glow flashes on hover.

#hover #animation #shadow

Canlı incele Hover

Grayscale Partial

Half-faded grayscale for a muted look on hover.

#hover #transform #filter

Canlı incele Hover

Grayscale Reveal

Starts grayscale, hover reveals full color.

#hover #gradient #transform

Canlı incele Hover

Grow Bloom

Soft grow bloom on hover.

#hover #transform #shadow

Canlı incele Hover

Halo Ring

A glowing halo ring expands on hover.

#hover #transform #shadow

Canlı incele Hover

Highlight Sweep

Bright highlight band sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Hue Cycle Partial

Hue oscillates across a partial range on hover.

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

Implode In

Implodes inward on hover.

#hover #animation #transform

Canlı incele Hover

Ink Bleed

Ink bleeds outward on hover.

#hover #transform #filter

Canlı incele Hover

Inner Shadow Glow

Inset shadow glows from edges on hover.

Canlı incele Hover

Invert Toggle

Instant full color inversion on hover.

Canlı incele Hover

Jelly Wobble

Element wobbles like jelly on hover.

#hover #animation #transform

Canlı incele Hover

3D Jolt

Quick 3D jolt animation on hover.

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

3D Blinds Mask

Blinds fold in 3D on hover.

#hover #transform #3d

Canlı incele Hover

Hexagon Clip

Hexagon clip-path reveals on hover.

Canlı incele Hover

Cube 3D Spin Mask

Cube face rotates to reveal new content on hover.

#hover #transform #3d

Canlı incele Hover

Curtain Fall Fast Mask

Curtain falls quickly on hover.

#hover #transform

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

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

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