LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#filter CSS efektleri

"filter" etiketiyle eşleşen 2.171 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Onay Kutuları

Yuzu Toggle

A yuzu flips yellow when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Zap Energy Toggle

A lightning bolt flickers yellow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Zebra Stripes Toggle

A zebra shakes with a white glow when checked.

#animation #transform #shadow

Canlı incele Formlar

Lava Background Input

Hot lava gradient with crackling orange glow.

#animation #gradient #shadow

Canlı incele Formlar

Calendar Icon Input

Date input with calendar icon that flips on focus.

#transform #shadow #border

Canlı incele Formlar

Clock Icon Input

Time input with clock icon that ticks on focus.

#animation #transform #shadow

Canlı incele Formlar

Emphasis Icon Input

Input with an emphasized icon that scales and glows strongly.

#transform #shadow #border

Canlı incele Formlar

Pulse Icon Input

Input whose icon pulses softly when focused.

#animation #transform #shadow

Canlı incele Formlar

User Icon Input

Username input with a person icon that glows on focus.

#transform #shadow #border

Canlı incele Formlar

Birthday Input

Birthday input with cake icon.

#transform #shadow #border

Canlı incele Formlar

Date Picker Input

Date input with calendar icon and styled date picker.

#transform #shadow #border

Canlı incele Formlar

Date Input with Calendar Icon

Date input with animated calendar icon that bounces on focus.

#animation #transform #shadow

Canlı incele Formlar

Datetime Local Input

Combined date and time picker input.

#transform #shadow #border

Canlı incele Formlar

Month Input

Month picker input with year/month selection.

#transform #shadow #border

Canlı incele Formlar

Time Input

Time input with clock icon and styled picker.

#transform #shadow #border

Canlı incele Formlar

Week Input

Week picker input with calendar icon.

#transform #shadow #border

Canlı incele Formlar

Glass OTP Input

Frosted glass OTP boxes with translucent borders.

#shadow #border #filter

Canlı incele Formlar

Emoji Radio

Radio with emoji reaction faces for satisfaction feedback.

#hover #transform #border

Canlı incele Formlar

Glass Radio

Frosted glassmorphism radio cards with backdrop blur.

#gradient #transform #border

Canlı incele Formlar

Glassmorphism Select

Frosted glass-styled select dropdown.

#transform #shadow #border

Canlı incele Formlar

Glass Slider

Frosted glass slider with translucent thumb.

#shadow #border #filter

Canlı incele Formlar

Disabled State Input

Input in disabled state with greyed out styling and not-allowed cursor.

#transform #border #filter

Canlı incele Formlar

Glass Switch

Frosted glassmorphism switch with backdrop blur effect.

#gradient #transform #border

Canlı incele Formlar

Aurora Background Input

Input with shifting aurora gradient background.

#animation #gradient #border

Canlı incele Formlar

Dark Glassmorphism Input

Frosted dark glass input with backdrop blur and gradient sheen.

#gradient #shadow #border

Canlı incele Hover

Afterimage Trail

Multiple ghost copies trail behind the label as it slides on hover.

#hover #transform #filter

Canlı incele Hover

Backlit Silhouette

Strong backlight silhouettes the element on hover.

#hover #gradient #filter

Canlı incele Hover

BG Blur Overlay

Blurred overlay covers background on hover.

#hover #gradient #filter

Canlı incele Hover

Bloom Glow

Soft bloom-like glow softens on hover.

#hover #shadow #filter

Canlı incele Hover

Blue Shift

Hue rotates to blue on hover.

#hover #transform #filter

Canlı incele Hover

Blur In Clear

Element starts blurred, sharpens on hover.

Canlı incele Hover

Brightness Dim

Dims to half brightness on hover.

Canlı incele Hover

Brightness Flare

Element flares bright on hover.

Canlı incele Hover

Brightness Solar

Blinding solar brightness on hover.

#hover #shadow #filter

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

Mute Fade

Colors mute and fade on hover.

#hover #gradient #filter

Canlı incele Hover

Color Pop Splash

Vivid color splashes across element on hover.

#hover #transform #filter

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

Contrast Extreme

Punchy high-contrast boost on hover.

Canlı incele Hover

Contrast Reduce

Flattens contrast for a soft look on hover.

Canlı incele Hover

Desaturate Drain

Color drains away to grayscale on hover.

#hover #gradient #transform

Canlı incele Hover

Dissolve Pixels

Element dissolves into pixels on hover.

Canlı incele Hover

Dust Puff

Dust puffs outward on hover.

#hover #transform #filter

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 In Blur

Blurred fade-in on hover.

Canlı incele Hover

Chevron Trace Frame

Chevron pattern traces the border on hover.

#hover #gradient #transform

Canlı incele Hover

Stripes Slide Frame

Diagonal stripes slide across the border on hover.

#hover #gradient #border

Canlı incele Hover

Glitter Twinkle

Twinkling glitter on hover.

#hover #animation #shadow

Canlı incele Hover

Glow Bloom Soft

Soft bloom glow expands on hover.

#hover #shadow #filter

Canlı incele Hover

Gradient Glow

Multi-color gradient glow surrounds on hover.

#hover #animation #gradient

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

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

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

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

Magenta Shift

Hue rotates to magenta on hover.

#hover #transform #filter

Canlı incele Hover

Fade Blur Mask

Content blurs in with fade on hover.

Canlı incele Hover

Rotate Blur In Mask

Rotates and blurs in on hover.

#hover #transform #filter

Canlı incele Hover

Zoom Blur In Mask

Zoom-blur reveals content on hover.

#hover #transform #filter

Canlı incele Hover

Motion Streak

Motion streak trail follows on hover.

#hover #transform #shadow

Canlı incele Hover

Night Vision

Green phosphor night-vision tint on hover.

#hover #transform #shadow

Canlı incele Hover

Orange Shift

Hue rotates to orange on hover.

#hover #transform #filter

Canlı incele Hover

Bonfire Blaze

Bonfire blaze lights up on hover.

#hover #animation #gradient

Canlı incele Hover

Cloud Drift

Clouds drift across on hover.

#hover #animation #gradient

Canlı incele Hover

Comet Trail

Comet streaks across on hover.

#hover #animation #gradient

Canlı incele Hover

Electric Arc

Electric arcs flicker on hover.

#hover #animation #gradient

Canlı incele Hover

Fog Roll

Fog rolls in across the element on hover.

#hover #animation #gradient

Canlı incele Hover

Geyser Spray

Geyser sprays upward on hover.

#hover #animation #gradient

Canlı incele Hover

Lightning Bolt

Lightning bolt strikes on hover.

#hover #animation #gradient

Canlı incele Hover

Meteor Shower

Multiple meteors streak down on hover.

#hover #animation #gradient

Canlı incele Hover

Northern Lights

Soft northern lights drift on hover.

#hover #animation #gradient

Canlı incele Hover

Smoke Trail

Smoke trail rises on hover.

#hover #animation #gradient

Canlı incele Hover

Torch Flame

Torch flame blazes on hover.

#hover #animation #gradient

Canlı incele Hover

Pink Shift

Hue rotates to pink on hover.

#hover #transform #filter

Canlı incele Hover

Pixelate Blur

Element pixelates with blur on hover.

Canlı incele Hover

Pixelate Out

Pixelate dissolve out on hover.

Canlı incele Hover

Polaroid Tint

Warm polaroid instant-film tint on hover.

#hover #transform #filter

Canlı incele Hover

Purple Shift

Hue rotates to purple on hover.

#hover #transform #filter

Canlı incele Hover

Red Shift

Hue rotates to red on hover.

#hover #transform #filter

Canlı incele Hover

Refraction Lens

Lens refraction magnifies on hover.

#hover #transform #filter

Canlı incele Hover

Saturate Pop

Colors punch to hyper-saturated on hover.

Canlı incele Hover

Sepia Light

Subtle warm sepia wash on hover.

Canlı incele Hover

Sepia Strong

Deep sepia film tone on hover.

Canlı incele Hover

Sepia Warm

Vintage sepia tone washes over on hover.

Canlı incele Hover

Shatter Glass

Shatters into glass shards on hover.

#hover #gradient #transform

Canlı incele Hover

Smoke Wisp

Smoke wisps drift upward on hover.

#hover #animation #transform