LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#shadow CSS efektleri

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

Canlı incele Cards

Bronze Achievement Card

Bronze-tier achievement with progress and reward.

#gradient #shadow #border

Canlı incele Checkboxes

Church Toggle

A church glows softly white when checked.

#transform #shadow #filter

Canlı incele Checkboxes

Laptop Work Toggle

A laptop glows blue when checked.

#transform #shadow #filter

Canlı incele Checkboxes

Power On Toggle

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

#shadow #border #transform

Canlı incele Hover

Orbit Spiral

Spiral inward orbit on hover.

#hover #animation #transform

Canlı incele Toggles

Active / Inactive

Pulsing green dot signals active vs a still grey one.

#animation #transform #shadow

Canlı incele Toggles

Frozen / Melted

Frozen ice knob melts into a puddle shape on the cyan track.

#transform #shadow

Canlı incele Toggles

Hot / Cold

Flame turns to a snowflake as the temperature flips.

#gradient #transform #shadow

Canlı incele Badges

Gold Medal Achievement

Gold medal achievement badge with shine effect.

#gradient #shadow #border

Canlı incele Badges

Action Copy Badge

Copy action badge with duplicate-page glyph and slate tone.

#gradient #shadow #border

Canlı incele Backgrounds

Cepheid Variable

A cepheid variable star pulses regularly in brightness.

#animation #gradient #transform

Canlı incele Backgrounds

Annular Solar Eclipse

An annular eclipse shows a bright ring of fire around the moon.

#animation #gradient #transform

Canlı incele Backgrounds

Fractal Tree

Self-similar fractal tree with branching limbs growing recursively.

#animation #gradient #transform

Canlı incele Buttons

Abalone Shell

Iridescent abalone shell with shifting hues.

#animation #gradient #transform

Canlı incele Buttons

Frame Border Button

Photo-frame button with a double-line inset border on hover.

#hover #shadow #border

Canlı incele Buttons

Graphite Pencil

Dark graphite pencil-tip sheen.

#hover #gradient #shadow

Canlı incele Buttons

Honeydew Fresh

Pale honeydew melon green button.

#hover #gradient #transform

Canlı incele Buttons

Moonlight Glow

Pale blue moon-kissed button with halo.

#hover #gradient #shadow

Canlı incele Buttons

Retro Terminal Button

Monospace terminal-style button with blinking cursor block.

#animation #hover #shadow

Canlı incele Cards

Alarm Card

Alarm card with a clock face, set time, and toggle indicator.

#gradient #transform #shadow

Canlı incele Cards

Invite Only Card

Invite-only card with an envelope flap, wax seal, and elegant calligraphy title.

#gradient #transform #shadow

Canlı incele Cards

Molecule Card

Molecule card with formula, bonds, and structure name.

#gradient #transform #shadow

Canlı incele Cards

MotoGP Card

MotoGP race card with grid position, lap times, and rider number.

#gradient #shadow

Canlı incele Cards

Promotion Card

Promotion card with an upward arrow, trophy, and gold confetti accents.

#animation #gradient #shadow

Canlı incele Checkboxes

Sun Brighten Toggle

A dim sun emoji brightens and slowly rotates with a warm yellow glow when checked.

#animation #shadow #transform

Canlı incele Forms

Frosted Glass Input

Heavy frost effect with crystalline texture overlay.

#shadow #border #filter

Canlı incele Forms

Glassmorphism Input

Frosted glass input with backdrop blur and translucent border.

#shadow #border #filter

Canlı incele Forms

Icon Background Search

Search bar with icon in a colored background square.

#transform #shadow #border

Canlı incele Hover

3D Parallax Tilt

Layers shift in 3D based on cursor position for a parallax depth effect.

#gradient #3d #shadow

Canlı incele Loaders

7 Segment Display

7-segment display counting.

#animation #shadow

Canlı incele Loaders

Flute

Flute with finger keys pressing in a melody pattern.

#animation #gradient #transform

Canlı incele Loaders

Rolling Pin

Rolling pin spinning back and forth over dough.

#animation #gradient #transform

Canlı incele Loaders

Spark Fly

Sparks flying upward.

#animation #transform #shadow

Canlı incele Navigation

Floating Bottom Nav

Floating bottom navigation with pill design.

#hover #gradient #shadow

Canlı incele Navigation

Neon Active Drawer Navbar

Drawer with a pulsing neon active indicator on the active link.

#hover #animation #shadow

Canlı incele Navigation

Stamp Ink Press Nav

Active link stamps down with an inked impression effect.

#hover #transform #shadow

Canlı incele Text

Treble Tinkle

High treble tinkle on text.

#animation #transform #shadow

Canlı incele Tooltips

Pulse Throb

Tooltip that throbs with a gentle pulse animation on hover.

#hover #animation #transform

Canlı incele Toggles

Arrow / Dots

Solid arrow dissolves into a row of dots.

#transform #shadow

Canlı incele Toggles

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Canlı incele Toggles

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Canlı incele Toggles

Download / Upload

Down arrow flips to an up arrow for transfer direction.

#transform #shadow

Canlı incele Toggles

Loot / Shop

Treasure chest knob becomes a shop on the gold track.

#transform #shadow

Canlı incele Badges

Common Badge

Common achievement badge with gray gradient.

#gradient #transform #shadow

Canlı incele Badges

Epic Badge

Epic achievement badge with purple gradient.

#gradient #transform #shadow

Canlı incele Badges

Honor Badge

Badge of honor with deep purple and gold trim.

#transform #shadow #border

Canlı incele Badges

Legendary Badge

Legendary achievement badge with rainbow shimmer.

#animation #gradient #transform

Canlı incele Badges

Mastery Badge

Mastery achievement badge with elite styling.

#transform #shadow #border

Canlı incele Badges

Milestone Badge

Milestone achievement badge with celebratory styling.

#gradient #shadow #border

Canlı incele Badges

Rare Badge

Rare achievement badge with blue gradient.

#gradient #transform #shadow

Canlı incele Badges

Star Achievement

Star achievement badge for completion recognition.

#shadow #border

Canlı incele Badges

Trophy Achievement

Trophy-style achievement badge with golden shine.

#gradient #shadow #border

Canlı incele Badges

Action Archive Badge

Archive action badge with box glyph and amber tone.

#gradient #shadow #border

Canlı incele Badges

Action Delete Badge

Delete action badge with red destructive styling.

#gradient #shadow #border

Canlı incele Badges

Action Download Badge

Download action badge with down-arrow glyph and indigo tone.

#gradient #shadow #border

Canlı incele Badges

Action Edit Badge

Edit action badge with pencil glyph and blue accent.

#gradient #shadow #border

Canlı incele Badges

Action Email Badge

Email action badge with envelope glyph and rose tone.

#gradient #shadow #border

Canlı incele Badges

Action Print Badge

Print action badge with printer glyph and zinc tone.

#gradient #shadow #border

Canlı incele Badges

Action Save Badge

Save action badge with floppy-disk glyph and green tone.

#gradient #shadow #border

Canlı incele Badges

Action Upload Badge

Upload action badge with up-arrow glyph and sky-blue tone.

#gradient #shadow #border

Canlı incele Badges

Critical Alert Badge

Critical alert badge with pulsing red animation.

#animation #transform #shadow

Canlı incele Badges

Danger Alert Badge

Critical danger alert badge with strong red.

#transform #shadow #border

Canlı incele Badges

Error Alert Badge

Red error alert badge with warning style.

#shadow #border

Canlı incele Badges

Info Alert Badge

Blue info alert badge for general notifications.

#shadow #border

Canlı incele Badges

Success Alert Badge

Green success alert badge.

#shadow #border

Canlı incele Badges

Warning Alert Badge

Yellow warning alert badge.

#shadow #border

Canlı incele Badges

Breathe Glow Badge

Badge with breathing glow effect.

#animation #transform #shadow

Canlı incele Badges

Electric Badge

Badge with electric pulse effect.

#animation #transform #shadow

Canlı incele Badges

Fire Badge

Badge with hot flickering fire effect.

#animation #gradient #transform

Canlı incele Badges

Flicker Badge

Badge with candle-like flicker effect.

#animation #shadow #filter

Canlı incele Badges

Glisten Badge

Badge with glistening sparkle dots animation.

#animation #gradient #shadow

Canlı incele Badges

Glitch Badge

Badge with cyberpunk glitch effect.

#animation #transform #shadow

Canlı incele Badges

Glow Pulse Badge

Badge with strong glowing pulse aura.

#animation #shadow

Canlı incele Badges

Particle Badge

Badge with floating particle dots around it.

#animation #transform #shadow

Canlı incele Badges

Pulse Glow Badge

Badge with pulsing glow halo around it.

#animation #shadow

Canlı incele Badges

Pulse Shadow Badge

Badge with pulsing colored shadow.

#animation #shadow

Canlı incele Badges

RGB Cycle Badge

Gamer-style RGB cycling badge.

#animation #transform #shadow

Canlı incele Badges

Sparkle Badge

Badge with twinkling sparkle effect.

#animation #gradient #shadow

Canlı incele Badges

Arctic Aurora Badge

Aurora-borealis gradient badge with shifting green-violet haze.

#animation #gradient #shadow

Canlı incele Badges

Arctic Ice Badge

Icy white-blue badge with crystalline chill.

#gradient #shadow #border

Canlı incele Badges

Arctic Snow Badge

Snowy white badge with subtle flake speckles.

#gradient #shadow #border

Canlı incele Badges

Award Ribbon

Award ribbon medal with two hanging tails.

#gradient #transform #shadow

Canlı incele Badges

Bronze Metallic Badge

Bronze metallic badge with warm copper gradient.

#gradient #shadow #border

Canlı incele Badges

Brutalist Black Badge

Brutalist badge with sharp edges and offset shadow.

#transform #shadow #border

Canlı incele Badges

Brutalist Cyan Badge

Brutalist cyan badge with sharp offset shadow.

#transform #shadow #border

Canlı incele Badges

Double Brutalist Badge

Brutalist badge with double offset shadows.

#transform #shadow #border

Canlı incele Badges

Brutalist Green Badge

Brutalist green badge with bold offset shadow.

#transform #shadow #border

Canlı incele Badges

Brutalist Orange Badge

Brutalist orange badge with stark black border.

#transform #shadow #border

Canlı incele Badges

Brutalist Outline Badge

Brutalist badge with transparent body and thick outline.

#transform #shadow #border

Canlı incele Badges

Brutalist Pink Badge

Brutalist pink badge with offset shadow.

#transform #shadow #border

Canlı incele Badges

Brutalist Yellow Badge

Brutalist yellow badge with thick border and offset shadow.

#transform #shadow #border

Canlı incele Badges

Candy Cane Badge

Candy-cane badge with diagonal red-white stripes.

#gradient #shadow #border

Canlı incele Badges

Candy Cupcake Badge

Cupcake badge with frosting-pink swirl and gold sprinkles.

#gradient #shadow #border

Popüler etiketler

#transform5765 #gradient4959 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3