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

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

Hue Cycle Fast

Rapidly cycles through hue rotation on hover.

#hover #animation #transform

Canlı incele Hover

Hue Cycle Medium

Medium speed hue rotation cycle on hover.

#hover #animation #transform

Canlı incele Hover

Hue Cycle Slow

Slow hypnotic hue rotation cycle on hover.

#hover #animation #transform

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

Color Invert BG

Background and text invert on hover.

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

Neon Static

Static neon glow on hover.

#hover #shadow #border

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

Color Pop Splash

Vivid color splashes across element on hover.

#hover #transform #filter

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

Vibrant Pop

Vibrant colors pop with extreme saturation on hover.

#hover #transform #filter

Canlı incele Hover

Vivid Surge

Saturation surges to maximum on hover.

#hover #gradient #filter

Canlı incele Hover

Confetti Burst

Confetti bursts outward on hover.

#hover #animation #transform

Canlı incele Hover

Confetti Scatter

Confetti scatters outward on hover.

#hover #animation #transform

Canlı incele Hover

Contrast Extreme

Punchy high-contrast boost on hover.

Canlı incele Hover

Contrast Reduce

Flattens contrast for a soft look on hover.

Canlı incele Hover

Corner Border Draw

Four accent corner brackets draw inward on hover, framing the content.

#hover #border #transform

Canlı incele Hover

CRT Flicker

Screen brightness flickers erratically with a phosphor glow on hover.

#gradient #animation #hover

Canlı incele Hover

Cube Rotate 3D

Element rotates like a cube face on hover.

#hover #transform #3d

Canlı incele Hover

Curtain Rise

Curtain rises to reveal content on hover.

#hover #gradient #transform

Canlı incele Hover

Depth Pop

Element pops forward in 3D depth on hover.

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

Element dissolves into pixels on hover.

Canlı incele Hover

Drift Slow

Slow ambient drift on hover.

#hover #animation #transform

Canlı incele Hover

Duotone Cyan Magenta

Cyan/magenta neon duotone split on hover.

#hover #transform

Canlı incele Hover

Duotone Green Orange

Green/orange duotone overlay on hover.

Canlı incele Hover

Duotone Purple Yellow

Purple/yellow complementary duotone on hover.

Canlı incele Hover

Dust Puff

Dust puffs outward on hover.

#hover #transform #filter

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

Elastic Stretch

Element stretches and snaps back elastically on hover.

#hover #transform

Canlı incele Hover

Electric Cyan

Electric cyan outline crackles on hover.

#hover #shadow #border

Canlı incele Hover

Embers Rise

Glowing embers rise on hover.

#hover #animation #transform

Canlı incele Hover

Evaporate Up

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

#gradient #hover #border

Canlı incele Hover

Evaporate Mist

Evaporates into mist on hover.

Canlı incele Hover

Explode Out

Explodes outward on hover.

#hover #animation #transform

Canlı incele Hover

Fade Cross

Content cross-fades to a new label on hover.

Canlı incele Hover

Fade In Blur

Blurred fade-in on hover.

Canlı incele Hover

Fade In Delayed

Delayed fade-in on hover.

Canlı incele Hover

Fade In Rotate

Rotating fade-in on hover.

#hover #transform

Canlı incele Hover

Fade In Slide

Sliding fade-in on hover.

#hover #transform

Canlı incele Hover

Fade In Soft

Soft slow fade-in on hover.

Canlı incele Hover

Fade In Staggered

Staggered fade-in steps on hover.

Canlı incele Hover

Fade & Slide Up

Default label fades up and out while a new label fades up into place on hover.

#hover #border #transform

Canlı incele Hover

Fire Burn

Burning fire effect on hover.

#hover #animation #shadow

Canlı incele Hover

Fire Rise

Flames rise upward on hover.

#hover #gradient

Canlı incele Hover

Fireflies Blink

Fireflies blink in dark on hover.

#hover #animation #shadow

Canlı incele Hover

Firework Burst

Firework bursts from center on hover.

#hover #animation #transform

Canlı incele Hover

Firework Cascade

Cascading firework on hover.

#hover #animation #shadow

Canlı incele Hover

Flash Burst

Single bright flash burst on hover.

#hover #animation #shadow

Canlı incele Hover

Flip 3D Card

Card-style 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Soft 3D Flip

Soft 3D flip on Y-axis on hover.

#hover #transform #3d

Canlı incele Hover

Flip Coin

Element flips like a spinning coin on hover.

#hover #gradient #transform

Canlı incele Hover

Flip Diagonal

Element flips diagonally on hover.

#hover #transform #3d

Canlı incele Hover

Soft Diagonal Flip

Soft diagonal flip transform on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Fast

Quick X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Hard

Hard full X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Slow

Slow dramatic X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Soft

Soft gentle X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Hard

Hard full Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Slow

Slow dramatic Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Soft

Soft gentle Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Zoom

Flip with zoom on hover.

#hover #transform #3d

Canlı incele Hover

Float Rise

Element floats upward and stays on hover.

#hover #transform

Canlı incele Hover

Fold Down

Folds downward on hover.

#hover #transform #3d

Canlı incele Hover

Fold Left

Folds to the left on hover.

#hover #transform #3d

Canlı incele Hover

Fold Origami Spread

Origami spread fold on hover.

#hover #transform #3d

Canlı incele Hover

Fold Right

Folds to the right on hover.

#hover #transform #3d

Canlı incele Hover

3D Tilt Edge Frame

Frame tilts in 3D while edges highlight on hover.

#hover #transform #shadow

Canlı incele Hover

Bracket Loosen

Inner brackets loosen outward to release the element on hover.

#hover #transform #border

Canlı incele Hover

Bracket Snap

Two L-brackets snap together to form a frame on hover.

#hover #transform #border