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

Color Burst Radial

Radial color burst emanates from center on hover.

#hover #gradient

Canlı incele Hover

Denim Blue

Denim blue tint on hover.

#hover #gradient

Canlı incele Hover

Jade Stone

Jade green stone tint on hover.

#hover #gradient

Canlı incele Hover

Lavender Mist

Soft lavender mist tint on hover.

#hover #gradient

Canlı incele Hover

Monochrome Shift

Element shifts to monochrome on hover.

#hover #transform #filter

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

Color Shift BG

Background hue rotates continuously on hover.

#hover #animation #gradient

Canlı incele Hover

Sky Bright

Bright sky blue on hover.

#hover #gradient

Canlı incele Hover

Colour Split Word

The word tears into a red and cyan pair before snapping back together.

#hover #transform

Canlı incele Hover

Split CMYK

CMYK color channels separate on hover.

#hover #transform

Canlı incele Hover

Split RGB

RGB color channels split on hover.

#hover #animation #transform

Canlı incele Hover

Color Swap Fast

Foreground and background colors swap on hover.

#hover #transform #border

Canlı incele Hover

Thermal Cold

Cool thermal colors flow on hover.

#hover #gradient

Canlı incele Hover

Topaz Yellow

Bright topaz yellow on hover.

#hover #gradient

Canlı incele Hover

Violet Dream

Dreamy violet gradient on hover.

#hover #gradient

Canlı incele Hover

Color Warp BG

Background warps through colors on hover.

#hover #gradient

Canlı incele Hover

Confetti Cannon

Confetti cannon blast on hover.

#hover #animation #transform

Canlı incele Hover

Confetti Fall

Confetti falls on hover.

#hover #animation #transform

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

Cyan Shift

Hue rotates to cyan on hover.

#hover #transform #filter

Canlı incele Hover

Cyber Glitch

Cyberpunk RGB-split glitch with rapid clip-path jumps on hover.

#animation #hover #border

Canlı incele Hover

Desaturate Fade

Color bleeds out to a faded tone on hover.

Canlı incele Hover

Desaturate Wash

Full grayscale wash with subtle blur on hover.

#hover #transform #filter

Canlı incele Hover

Dip Bounce

Dip down then bounce up on hover.

#hover #animation #transform

Canlı incele Hover

Dispersion Rainbow

Chromatic dispersion rainbow on hover.

#hover #transform

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

Dissolve Grain

Grainy dissolve on hover.

Canlı incele Hover

Duotone Cyan

Duotone cyan-magenta filter kicks in on hover.

#hover #transform #filter

Canlı incele Hover

Duotone Red Blue

Red and blue duotone blend layers on hover.

Canlı incele Hover

Dust Settle

Dust settles down on hover.

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

Embers Float

Floating embers drift up on hover.

#hover #animation #transform

Canlı incele Hover

Embers Glow

Glowing embers rise on hover.

#hover #animation #shadow

Canlı incele Hover

Explode Out

Colored shards burst outward in all directions with scaling and fading on hover.

#gradient #hover #border

Canlı incele Hover

Fade In Fast

Quick fade-in on hover.

Canlı incele Hover

Fade In Zoom

Zoom fade-in on hover.

#hover #transform

Canlı incele Hover

Fire Flicker

Flickering firelight on hover.

#hover #animation #shadow

Canlı incele Hover

Fire Spark

Fire sparks flicker on hover.

#hover #animation #gradient

Canlı incele Hover

Fireflies Glow

Fireflies blink and float on hover.

#hover #animation #transform

Canlı incele Hover

Fireflies Wander

Fireflies wander randomly on hover.

#hover #animation #transform

Canlı incele Hover

Firelight Glow

Warm firelight ember glow on hover.

#hover #animation #shadow

Canlı incele Hover

Flip 3D Coin

Coin-toss flip on hover.

#hover #animation #gradient

Canlı incele Hover

Flip 3D Door

Door-swing 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Flip 3D Page

Page-turn 3D flip on hover.

#hover #transform #shadow

Canlı incele Hover

Flip Card

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

#gradient #hover #3d

Canlı incele Hover

Card Front Back Flip

Flips card to reveal back side on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Axis

Element flips on X axis on hover.

#hover #transform

Canlı incele Hover

Flip Y Axis

Element flips on Y axis on hover.

#hover #transform

Canlı incele Hover

Flip Y Fast

Quick Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Fold Corner

Corner folds over on hover.

Canlı incele Hover

Fold Double

Double fold on hover.

#hover #transform #3d

Canlı incele Hover

Fold Up

Folds upward on hover.

#hover #transform #3d

Canlı incele Hover

Arrow Corner Frame

Arrow-shaped accents point inward at each corner on hover.

#hover #transform #border

Canlı incele Hover

Aurora Edge Frame

Aurora-like gradient drifts along the edge on hover.

#hover #animation #gradient

Canlı incele Hover

Fast Corner Trace

Single corner accent traces all four corners quickly on hover.

#hover #animation #transform

Canlı incele Hover

Curtain Fold Frame

Top and bottom curtain edges fold away on hover.

#hover #transform

Canlı incele Hover

Cyber Corner Frame

Cyberpunk-style corner brackets with glow trace on hover.

#hover #transform #shadow

Canlı incele Hover

Glitch Corner Frame

Corners glitch and shift on hover.

#hover #animation #transform

Canlı incele Hover

Laser Zap Frame

Laser beam zaps around the perimeter on hover.

#hover #animation #transform

Canlı incele Hover

Magnetic Pull Frame

Frame magnetically follows the cursor on hover.

#hover #transform #shadow

Canlı incele Hover

Metallic Sheen Frame

Metallic gradient sheen sweeps the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Shadow Frame

Layered colored shadows build a frame on hover.

#hover #transform #shadow

Canlı incele Hover

Sticker Lift Frame

Sticker-style frame lifts and peels on hover.

#hover #transform #border

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