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

Bracket Tighten

Outer brackets tighten inward to grip the element on hover.

#hover #transform #border

Canlı incele Hover

Cassette Flap Frame

Top flap opens like a cassette tape on hover.

#hover #transform #border

Canlı incele Hover

Chevron Trace Frame

Chevron pattern traces the border on hover.

#hover #gradient #transform

Canlı incele Hover

Corners Slide Frame

Four corner brackets slide inward from each edge on hover.

Canlı incele Hover

Dotted Crawl Frame

Dotted border slowly crawls around on hover.

#hover #animation #border

Canlı incele Hover

Double Trace Frame

Two borders trace around the element on hover.

#hover #transform #border

Canlı incele Hover

Fire Edge Frame

Burning ember effect glows along the edge on hover.

#hover #animation #shadow

Canlı incele Hover

Fold Out Frame

Frame panels fold outward like opening a box on hover.

#hover #transform #shadow

Canlı incele Hover

Strong Glow Edge

Strong neon glow surrounds the element on hover.

#hover #shadow #border

Canlı incele Hover

Glow Pulse Edge

Edges pulse with glowing animation on hover.

#hover #animation #shadow

Canlı incele Hover

Hologram Edge Frame

Holographic shimmer traces the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Ice Edge Frame

Crystalline ice frost forms on the edges on hover.

#hover #shadow #border

Canlı incele Hover

Mirror Half Frame

Frame halves slide in from top and bottom mirror on hover.

#hover #transform

Canlı incele Hover

Origami Corner Frame

Origami paper folds unfold at corners on hover.

Canlı incele Hover

Outset Bevel Frame

Outset beveled frame lifts the element on hover.

#hover #transform #shadow

Canlı incele Hover

Photo Corners

Photo-album corner mounts appear on the four corners on hover.

#hover #transform

Canlı incele Hover

Polaroid Fold Frame

Polaroid-style frame with thick bottom border lifts on hover.

#hover #transform #shadow

Canlı incele Hover

Rainbow Arc Frame

Rainbow gradient arc traces the frame on hover.

#hover #animation #gradient

Canlı incele Hover

Ribbon Trace Frame

Ribbon-like band traces around the border on hover.

#hover #animation #gradient

Canlı incele Hover

Rotate Square Frame

Outer square frame rotates around the element on hover.

#hover #animation #transform

Canlı incele Hover

Scale Edge Frame

Border scales from outside inward to frame the element on hover.

#hover #transform #border

Canlı incele Hover

Split Half Frame

Frame splits vertically and retracts to sides on hover.

#hover #transform

Canlı incele Hover

Stripes Slide Frame

Diagonal stripes slide across the border on hover.

#hover #gradient #border

Canlı incele Hover

Tab Fold Frame

Top tab folds down to form a header on hover.

#hover #transform

Canlı incele Hover

Tape Peel Frame

Tape strip peels away revealing the border on hover.

#hover #transform

Canlı incele Hover

Tick Tack Frame

Border ticks alternate like a tick-tack animation on hover.

#hover #transform

Canlı incele Hover

Twist Corner Frame

Corners twist into place with 3D rotation on hover.

#hover #transform #border

Canlı incele Hover

VHS Trace Frame

VHS tracking distortion lines trace the border on hover.

#hover #animation #gradient

Canlı incele Hover

Wavy Line Frame

Wavy line undulates around the border on hover.

#hover #shadow #border

Canlı incele Hover

Zipper Open Frame

Zipper teeth separate as frame opens on hover.

#hover #gradient #border

Canlı incele Hover

Frost Crystal

Frost crystals form on hover.

Canlı incele Hover

Frost Freeze

Icy crystal pattern forms over the panel with a frosted blue tint on hover.

#gradient #hover #shadow

Canlı incele Hover

Gleam Cross

Cross gleam flashes on hover.

#hover #transform

Canlı incele Hover

Glitch Slice

Element slices with glitch effect on hover.

#hover #animation #transform

Canlı incele Hover

Glitter Twinkle

Twinkling glitter on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Aura Orb

Expanding aura orb radiates on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Bloom Soft

Soft bloom glow expands on hover.

#hover #shadow #filter

Canlı incele Hover

Glow Border

A neon border glow softens and brightens on hover.

#glow #hover #shadow

Canlı incele Hover

Glow Flicker Tube

Fluorescent tube flicker on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Gleam Sweep

Bright gleam sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Gradient Flow

Animated gradient glow flows around on hover.

#hover #animation #gradient

Canlı incele Hover

Glow Halo Disc

Floating halo disc forms above on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Intensify

Soft glow steadily intensifies on hover.

Canlı incele Hover

Glow Rainbow

Cycling rainbow glow on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Shimmer Wave

Shimmer wave of light on hover.

#hover #gradient #transform

Canlı incele Hover

Glow Twinkle Field

Twinkling starfield glows on hover.

#hover #animation #gradient

Canlı incele Hover

Glow Vignette Deep

Deep vignette shadow with inner glow on hover.

#hover #gradient #shadow

Canlı incele Hover

Gold Sheen Sweep

Metallic gold sheen sweeps diagonally on hover.

#hover #gradient #transform

Canlı incele Hover

Gradient Glow

Multi-color gradient glow surrounds on hover.

#hover #animation #gradient

Canlı incele Hover

Gradient Sweep

A diagonal gradient band sweeps across the button on hover.

#gradient #hover #border

Canlı incele Hover

Grain Texture Reveal

A subtle film-grain noise texture fades in over the panel on hover.

#hover #border #transform

Canlı incele Hover

Grayscale Full

Complete grayscale conversion on hover.

#hover #gradient #transform

Canlı incele Hover

Green Shift

Hue rotates to green on hover.

#hover #transform #filter

Canlı incele Hover

Grow Clear

Element grows from blurred to clear on hover.

#hover #transform #filter

Canlı incele Hover

Handstand

Element flips upside down on hover.

#hover #transform

Canlı incele Hover

Has-Selector Sibling Dim

Hovering one row dims every other row, because :has() lifts the state to the list.

#hover #filter #transform

Canlı incele Hover

Heartbeat Pulse

Element pulses like a heartbeat on hover.

#hover #animation #transform

Canlı incele Hover

Hearts Burst

Hearts burst outward on hover.

#hover #animation #transform

Canlı incele Hover

Hearts Float

Tiny hearts float up on hover.

#hover #animation #transform

Canlı incele Hover

Hue Cycle

Element cycles through the full hue spectrum on hover.

#hover #animation #gradient

Canlı incele Hover

Hue Cycle Full

Continuously cycles hue through full 360° on hover.

#hover #animation #transform

Canlı incele Hover

Image Zoom Overlay

Image scales up gently while a dark overlay fades in with a caption.

#gradient #hover #border

Canlı incele Hover

Implode

Content shrinks toward a central point with a vortex glow on hover.

#gradient #hover #border

Canlı incele Hover

Infrared Heat

Infrared heat-glow on hover.

Canlı incele Hover

Invert Flash

Colors instantly invert on hover.

Canlı incele Hover

Invert Partial

Partial color inversion creates a surreal tone on hover.

#hover #transform #filter

Canlı incele Hover

Invert Strobe

Rapid inversion strobe pulses on hover.

#hover #animation #filter

Canlı incele Hover

Iris Close

Iris-shutter closes on hover.

#hover #gradient #transform

Canlı incele Hover

Iris Expand

Iris expands to reveal on hover.

#hover #gradient #transform

Canlı incele Hover

Iris Open

Circular iris opens to reveal new color on hover.

#hover #transform

Canlı incele Hover

Iris Shrink

Iris shrinks to a point on hover.

#hover #gradient

Canlı incele Hover

Jelly Bounce

Jelly-like bounce on hover.

#hover #animation #transform

Canlı incele Hover

Jelly Wobble Fast

Fast jelly wobble on hover.

#hover #animation #transform

Canlı incele Hover

Jiggle Fast

Fast jiggle on hover.

#hover #animation #transform

Canlı incele Hover

Jiggle Slow

Slow jiggle on hover.

#hover #animation #transform

Canlı incele Hover

Jiggle Small

Element jiggles with tiny rapid movements on hover.

#hover #animation #transform

Canlı incele Hover

Key Light Studio

Studio key-light sweep on hover.

#hover #gradient #transform

Canlı incele Hover

Laser Line

Thin laser line crosses horizontally on hover.

#hover #transform #shadow

Canlı incele Hover

Leap Up

Element leaps upward on hover.

#hover #transform #shadow

Canlı incele Hover

Lens Flare

Lens flare spots drift across on hover.

#hover #gradient

Canlı incele Hover

Lens Flare Burst

Burst of lens flares on hover.

#hover #gradient

Canlı incele Hover

Letter-Spacing Expand

Text loosens its letter-spacing and inverts color on hover.

Canlı incele Hover

Lift Card Shadow

Card lifts upward with a soft, diffuse shadow on hover.

#hover #shadow #border

Canlı incele Hover

Lightning Flash

Lightning flash on hover.

#hover #animation #shadow

Canlı incele Hover

Liquid Fill

Liquid fills up from bottom on hover.

#hover #gradient

Canlı incele Hover

Look Up

Element looks up on hover.

#hover #transform

Canlı incele Hover

Magenta Burst

Magenta color bursts outward on hover.

Canlı incele Hover

Magenta Shift

Hue rotates to magenta on hover.

#hover #transform #filter

Canlı incele Hover

Horizontal Bars Reveal

Multiple horizontal bars slide in on hover.

#hover #transform

Canlı incele Hover

Vertical Bars Reveal

Multiple vertical bars slide in to reveal content on hover.

#hover #transform

Canlı incele Hover

Center Out Mask

Mask expands from center outward on hover.

Canlı incele Hover

Checker Emerge Mask

Checkerboard pattern emerges on hover.

Canlı incele Hover

Circle Clip Grow

Circle clip-path grows to reveal on hover.

#hover #gradient

Canlı incele Hover

Circle Clip Shrink

Circle clip-path shrinks to reveal original on hover.

#hover #gradient

Canlı incele Hover

Diamond Clip

Diamond-shaped clip-path reveals on hover.

Canlı incele Hover

Octagon Clip

Octagon clip-path reveals on hover.