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ı

Church Toggle

A church glows softly white when checked.

#transform #shadow #filter

Canlı incele Butonlar

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Onay Kutuları

Power On Toggle

A power-symbol checkbox that glows green when powered on, dark when off.

#shadow #border #transform

Canlı incele Kartlar

Bronze Achievement Card

Bronze-tier achievement with progress and reward.

#gradient #shadow #border

Canlı incele Arka Planlar

De Stijl Mondrian

Mondrian-style primary color blocks with bold black lines.

#animation #gradient #filter

Canlı incele Butonlar

Alpine Peak

Snow-capped alpine mountain button.

#hover #gradient #shadow

Canlı incele Onay Kutuları

Laptop Work Toggle

A laptop glows blue when checked.

#transform #shadow #filter

Canlı incele Navigasyon

Floating Bottom Nav

Floating bottom navigation with pill design.

#hover #gradient #shadow

Canlı incele Butonlar

Birch Trunk

White birch trunk with peeling bark.

#hover #gradient #shadow

Canlı incele Arka Planlar

Aurora Curtain

Vertical bands of aurora light ripple like a hanging curtain.

#animation #gradient #transform

Canlı incele Navigasyon

Horizontal Bottom Dot Nav

Horizontal dot navigation at bottom.

#hover #transform #shadow

Canlı incele Arka Planlar

Brown Noise

Warm brown noise drifting like deep ambient rumble.

#animation #gradient #filter

Canlı incele Hover

Duotone Magenta

Magenta-cyan duotone filter on hover.

#hover #transform #filter

Canlı incele Rozetler

Iridescent Glass Badge

Glass badge with iridescent multi-color shimmer.

#gradient #shadow #border

Canlı incele Arka Planlar

Cassette Rewind

Cassette reels spin rapidly in reverse as tape rewinds.

#animation #gradient #transform

Canlı incele Arka Planlar

Baroque Damask

Opulent baroque damask with gilded floral flourishes.

#animation #gradient #filter

Canlı incele Arka Planlar

Thin Film Interference

Soap-film thin-film interference patterns shifting bands.

#animation #gradient #transform

Canlı incele Butonlar

Antique Brass

Tarnished antique brass with verdigris spots.

#hover #gradient #shadow

Canlı incele Butonlar

Barn Owl

Soft tawny owl-feather pattern.

#hover #gradient #shadow

Canlı incele Butonlar

Emery

Emery-abrasive button with a rough gritty texture.

#hover #gradient #shadow

Canlı incele Kartlar

Locked Achievement Card

Locked achievement card with a padlock, blurred reward, and unlock hint.

#animation #gradient #transform

Canlı incele Onay Kutuları

Yellowjacket Toggle

A yellowjacket spins yellow when checked.

#animation #transform #shadow

Canlı incele Formlar

Blur Background Input

Input that blurs the surrounding area on focus.

#border #filter

Canlı incele Navigasyon

Floating Dock Navbar

macOS-style floating dock navbar with bouncy hover.

#hover #gradient #transform

Canlı incele Navigasyon

Glass Light Navbar

Light glass navbar with subtle backdrop tint.

#hover #gradient #shadow

Canlı incele Rozetler

Glisten Badge

Badge with glistening sparkle dots animation.

#animation #gradient #shadow

Canlı incele Rozetler

Glass Frost Badge

Frosted glass badge with backdrop blur and subtle border.

#shadow #border #filter

Canlı incele Rozetler

Star Burst Seal

Sunburst seal with star points radiating outward.

#transform #shadow #filter

Canlı incele Arka Planlar

Abalone Nacre

Abalone shell nacre with shifting iridescent colors.

#animation #gradient #transform

Canlı incele Arka Planlar

Art Deco Fan

Geometric art deco sunburst fans radiate in gold and black.

#animation #gradient #transform

Canlı incele Arka Planlar

Beacon Sweep

A rotating beacon casts a sweeping cone of warning light.

#animation #gradient #transform

Canlı incele Arka Planlar

Beetle Wing Iridescence

Jewel beetle wing shifting with structural green-gold color.

#animation #gradient #transform

Canlı incele Arka Planlar

Candle Flame Row

A row of candle flames flicker gently in a dark setting.

#animation #gradient #transform

Canlı incele Arka Planlar

Checkered Flag

A black and white checkered flag waves in the wind.

#animation #gradient #transform

Canlı incele Arka Planlar

Wind Chime Spin

Tubular wind chimes sway and ring in a gentle breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Comet NEOWISE

Comet NEOWISE displays a brilliant twin tail in twilight.

#animation #gradient #transform

Canlı incele Arka Planlar

Cracked Concrete

Grey concrete with dark cracks branching across the surface.

#animation #gradient #filter

Canlı incele Arka Planlar

Cotton Candy Spin

A swirl of pink cotton candy spins around a paper cone.

#animation #gradient #transform

Canlı incele Arka Planlar

Dandelion Seeds

Floating dandelion seeds drift away on a gentle summer breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Electric Keyboard

An electric keyboard's keys pulse with neon glow as they play.

#animation #gradient #shadow

Canlı incele Arka Planlar

Foggy Forest

Thick fog rolls between dark silhouetted trees at dawn.

#animation #gradient #transform

Canlı incele Arka Planlar

Koch Snowflake

Koch snowflake fractal with infinite crystalline edges.

#animation #gradient #transform

Canlı incele Arka Planlar

Wormhole Spin

Wormhole throat spinning with swirling space-time distortion.

#animation #gradient #transform

Canlı incele Butonlar

Bonsai Tree

Tiny bonsai with green crown on brown pot.

#hover #gradient #shadow

Canlı incele Butonlar

Brass Buckle

Polished brass belt buckle shape.

#hover #gradient #shadow

Canlı incele Butonlar

Rafter

Rafter-button with diagonal roof beams.

#hover #gradient #shadow

Canlı incele Butonlar

Smoke Drift

Translucent gray smoke drifting upward.

#animation #gradient #transform

Canlı incele Butonlar

Tundra Frost

Icy tundra grays with frost crystals.

#hover #gradient #shadow

Canlı incele Butonlar

Violet Storm

Deep violet button with lightning flicker.

#animation #gradient #shadow

Canlı incele Butonlar

Wave Crest

Wave-crest button with a curling white foam top.

#hover #gradient #transform

Canlı incele Butonlar

Whetstone

Whetstone-button with a smooth sharpening surface.

#hover #gradient #shadow

Canlı incele Butonlar

Yarrow

Pale yarrow-cluster button with tiny white dots.

#hover #gradient #shadow

Canlı incele Onay Kutuları

Accordion Toggle

An accordion expands in red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Amber Fossil Stone

A golden amber stone reveals an ancient inclusion when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Apartment Toggle

An apartment building scales in blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Avocado Ripe Toggle

An avocado glows green when ripe and checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Bacon Sizzle Toggle

A bacon strip wiggles with a red glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Banjo Toggle

A banjo slides in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Battery Charge Toggle

A battery glows green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Espresso Toggle

An espresso pulses brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Silverfish Toggle

A silverfish spins gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Psi Symbol Toggle

The Greek psi letter slides in blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Pickup Truck Toggle

A pickup truck bounces in orange when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Wifi Signal Toggle

An SVG wifi icon lights up in cyan with a soft glow when the device goes online.

#shadow #border #filter

Canlı incele Formlar

Frosted Glass Input

Heavy frost effect with crystalline texture overlay.

#shadow #border #filter

Canlı incele Formlar

Glassmorphism Input

Frosted glass input with backdrop blur and translucent border.

#shadow #border #filter

Canlı incele Formlar

Glass Search Bar

Frosted glass search bar with translucent background.

#transform #shadow #border

Canlı incele Hover

Contrast Punch

Contrast spikes for a punchy look on hover.

#hover #gradient #filter

Canlı incele Hover

Pixelate In

Pixelate snap-in on hover.

Canlı incele Yükleyiciler

Arcade Cabinet

Retro arcade cabinet screen flickering with neon glow.

#animation #gradient #shadow

Canlı incele Yükleyiciler

Candle Flame

Candle flame flickering.

#animation #gradient #transform

Canlı incele Yükleyiciler

Game Boy

Classic handheld Game Boy with a flickering screen.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ice Cream Melt

Ice cream melting down cone.

#animation #gradient #transform

Canlı incele Yükleyiciler

Morph Blob Loader

A gradient blob melts between organic border-radius shapes while it rotates.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pilgrim Hat

Pilgrim hat with shiny buckle.

#animation #gradient #transform

Canlı incele Yükleyiciler

Rune Glow

Magical rune glowing with pulse.

#animation #shadow #filter

Canlı incele Navigasyon

Aurora Gradient Overlay Navbar

Modal nav over an aurora gradient animated background.

#hover #animation #gradient

Canlı incele Navigasyon

Text Blur Focus Navbar

All links blur except the hovered one which comes into sharp focus.

Canlı incele Metin

Cloud Cover Grey

Overcast grey cloud cover on text.

#animation #gradient #shadow

Canlı incele Metin

Manor Estate

Grand manor estate on text.

#animation #gradient #shadow

Canlı incele Metin

Palace Grand

Grand opulent palace gold on text.

#animation #gradient #shadow

Canlı incele Metin

Skyline Silhouette

Dark city skyline silhouette on text.

#animation #gradient #filter

Canlı incele İpuçları

Glassmorphism Top

Frosted glass tooltip with backdrop blur above the trigger.

#hover #transform #shadow

Canlı incele Avatarlar

Reef Greyscale To Colour Avatar

The drawn portrait sits in greyscale until hover restores its saturated reef palette.

#filter #grayscale #hover

Canlı incele Rozetler

Color Cycle FX Badge

Animated badge that cycles through hue rotations.

#animation #gradient #transform

Canlı incele Rozetler

Hue Shift FX Badge

Animated badge with gentle hue-shift in/out oscillation.

#animation #gradient #transform

Canlı incele Rozetler

Glow Edge Glass Badge

Glass badge with luminous glowing edge.

#shadow #border #filter

Canlı incele Rozetler

Pink Glass Badge

Frosted pink glass badge with soft glow.

#shadow #border #filter

Canlı incele Rozetler

Hue Rotate Pill

Pill that cycles through all hues via hue-rotate filter.

#animation #gradient #transform

Canlı incele Arka Planlar

Accretion Disk

A superheated accretion disk spirals around a central black mass.

#animation #gradient #transform

Canlı incele Arka Planlar

Argyle Diamond

Argyle diamond pattern in layered colors with diagonal overlay lines.

#animation #gradient #filter

Canlı incele Arka Planlar

BBQ Grill Flame

A backyard barbecue grill with flames licking the grates.

#animation #gradient #transform

Canlı incele Arka Planlar

Boxing Ring Ropes

Three boxing ring ropes tension across a blue canvas.

#animation #gradient #transform

Canlı incele Arka Planlar

Cake Candle Blow

A birthday cake with candles whose flames lean in the breeze.

#animation #gradient #transform

Canlı incele Arka Planlar

Light Caustics

Wavy light caustics dance across a pool floor in rippling patterns.

#animation #gradient #transform

Canlı incele Arka Planlar

Celtic Spiral Knot

Triple Celtic spiral knot weaving in continuous motion.

#animation #gradient #transform