LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#shadow CSS efektleri

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

Canlı incele Navigasyon

3D Pagination

Pagination with 3D extruded active button.

#hover #transform #shadow

Canlı incele Navigasyon

Active Glow Pagination

Active page has glowing aura.

#hover #shadow #border

Canlı incele Navigasyon

Number Glow Pagination

Active number has glowing aura.

Canlı incele Navigasyon

Slant Perspective 3D Navbar

Nav with a perspective tilt creating a 3D slanted look.

#hover #transform #shadow

Canlı incele Navigasyon

Split Divider Line Navbar

Nav links separated by thin vertical divider lines.

Canlı incele Navigasyon

Stamp Ink Press Nav

Active link stamps down with an inked impression effect.

#hover #transform #shadow

Canlı incele Navigasyon

Sticky Note Curl Nav

Nav items styled as sticky notes with curling corners on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Morph Square Tabs

Active tab morphs into a square shape.

Canlı incele Navigasyon

Neon Active Tabs

Neon glowing active tab indicator.

#hover #transform #shadow

Canlı incele Navigasyon

Pill Bounce Tabs

Pill tabs that bounce into place on active.

#hover #transform #shadow

Canlı incele Navigasyon

Pill Morph Tabs

Tabs that morph into pill shape on active.

Canlı incele Navigasyon

Segmented Control Tabs

iOS-style segmented control tabs.

Canlı incele Navigasyon

Text Cinematic Glow Navbar

Active link has a wide cinematic soft-glow halo behind the text.

#hover #gradient #shadow

Canlı incele Navigasyon

Text Glitch Hover Navbar

Hovered links glitch with a split-color RGB shift effect.

#hover #animation #shadow

Canlı incele Navigasyon

Text Glow Pulse Link Navbar

Each link has a pulsing text glow that intensifies on hover.

#hover #animation #shadow

Canlı incele Navigasyon

Text Shadow Dance Navbar

Hovered links perform a layered text-shadow dance animation.

#hover #animation #shadow

Canlı incele Navigasyon

Uppercase Grow Navbar

Hovered link transforms to uppercase with smooth spacing growth.

#hover #transform #shadow

Canlı incele Navigasyon

3D Tilt Hover Navbar

Each link tilts in 3D space responding to hover with depth perspective.

#hover #gradient #transform

Canlı incele Navigasyon

Transparent Overlay Navbar

Transparent navbar that turns solid on hover.

Canlı incele Navigasyon

Vertical Tab Left Border Active

Vertical tabs with a glowing left border on the active item.

#hover #shadow #border

Canlı incele Navigasyon

Vertical Tab Circle Bg Active

Vertical tabs with a circular active background indicator.

#hover #transform #shadow

Canlı incele Navigasyon

Vertical Tab Color Shift

Vertical tabs that shift through accent colors on hover.

Canlı incele Navigasyon

Vertical Tab Flip Card

Vertical tabs that flip in 3D when active, revealing content.

#hover #transform #shadow

Canlı incele Navigasyon

Vertical Tab Neon Active Line

Vertical tabs with a pulsing neon active line indicator.

#hover #animation #transform

Canlı incele Navigasyon

Vertical Tab Rounded Soft

Soft rounded vertical tabs with gentle hover transitions.

Canlı incele Navigasyon

Vertical Tab Underline Slide

Vertical tab nav where the active underline slides between items.

#hover #transform #shadow

Canlı incele İlerleme

Coral Comet Progress

The fill ends in a pulsing comet head that keeps glowing at the leading edge of the track.

#animation #transform #shadow

Canlı incele İlerleme

Glacier Wizard Progress

A wizard header with five numbered nodes sitting on one continuous rail that fills to the live step.

#wizard #steps #flexbox

Canlı incele Kaydırıcılar

Pylon Shadow Depth

A standing block casts a shadow that keeps stretching and pulling back over its floor.

#slider #shadow #preview

Canlı incele Sekmeler

Frost Underline Tabs

A frosted tab bar where a glowing underline glides beneath the active label.

#transform #gradient #shadow

Canlı incele Sekmeler

Mica Hairline Tabs

Uppercase spaced labels over a single hairline that glides between them.

#typography #transform #shadow

Canlı incele Sekmeler

Orbit Neumorphic Tabs

Soft moulded keys press inward and a pale light keeps orbiting the chosen one.

#shadow #animation #conic-gradient

Canlı incele Sekmeler

Shaft Bottom Bar Tabs

The tab strip sits under the panel and a shaft pin rises into whichever is open.

#layout #transform #shadow

Canlı incele Sekmeler

Topaz Terminal Tabs

A small terminal window whose tab strip switches monospace panes with a blinking caret.

#animation #terminal #shadow

Canlı incele Metin

Ballet Grace

Graceful ballet pink on text.

#animation #gradient #transform

Canlı incele Metin

Blueberry Blue

Deep blue blueberry on text.

#animation #gradient #shadow

Canlı incele Metin

Bounce Light Card

Bounce card reflected light.

Canlı incele Metin

Boxing Glove

Boxing glove punching on text.

#animation #transform #shadow

Canlı incele Metin

Cards Shuffle

Shuffling playing cards on text.

#animation #transform #shadow

Canlı incele Metin

Carnival Mask

Mardi Gras carnival mask on text.

#animation #gradient #shadow

Canlı incele Metin

Cathedral Gothic

Gothic cathedral dark stone on text.

#animation #shadow #filter

Canlı incele Metin

Chalk Board

Chalk text on dark board with dusty texture.

#shadow #filter

Canlı incele Metin

Chess Bishop

Chess bishop on diagonal on text.

#animation #transform #shadow

Canlı incele Metin

Chrome Metallic

Polished chrome metallic text with bright reflection and dark base.

#gradient #shadow #filter

Canlı incele Metin

Cinema Projector

Cinema projector beam glow.

#gradient #shadow #filter

Canlı incele Metin

Clamp Tritone

Three-hue clamped tritone layering.

Canlı incele Metin

Color Negative Space

Negative space color knockout effect.

Canlı incele Metin

Color Stack Layers

Layered color stack effect.

Canlı incele Metin

Compass Needle

Compass needle pointing direction on text.

#animation #transform #shadow

Canlı incele Metin

Concert Hall

Grand concert hall on text.

#animation #gradient #shadow

Canlı incele Metin

Count Up Roller

A single digit cycling 0 through 9 on a stepped roller, like an odometer.

#animation #shadow #transform

Canlı incele Metin

Cranberry Tart

Tart red cranberry on text.

#animation #transform #shadow

Canlı incele Metin

CRT Monitor Curve

CRT monitor scanline curve.

#gradient #shadow

Canlı incele Metin

Cyberpunk Glitch

Yellow cyberpunk text with red/cyan offset and periodic skew glitch.

#animation #shadow #transform

Canlı incele Metin

Cymbal Crash

Loud cymbal crash burst on text.

#animation #transform #shadow

Canlı incele Metin

Daffodil Trumpet

Yellow daffodil trumpet cup on text.

#animation #gradient #transform

Canlı incele Metin

Dark Matter

Mysterious dark halo around faintly glowing text.

#animation #shadow

Canlı incele Metin

Debossed Sunken

Sunken debossed text carved into surface.

Canlı incele Metin

Decrescendo Fade

Fading decrescendo volume on text.

#animation #transform #shadow

Canlı incele Metin

Dew Drop

Glistening dewdrop sliding down text.

#animation #transform #shadow

Canlı incele Metin

Prism Dispersion

Prismatic dispersion splitting light into spectra.

Canlı incele Metin

Drizzle Light

Light gentle drizzle over text.

#animation #gradient #shadow

Canlı incele Metin

Edwardian Elegant

Edwardian elegant cream on text.

#animation #gradient #shadow

Canlı incele Metin

Embossed Text

Subtly embossed text with a light top edge and dark bottom edge for depth.

#shadow #border

Canlı incele Metin

Event Horizon

Dark ring of no return surrounding text.

#animation #gradient #transform

Canlı incele Metin

Futuristic HUD

Sci-fi HUD display text with cyan glow and outline.

Canlı incele Metin

Glow Pulse Text

Soft pulsing glow ring around text that breathes in and out.

#animation #glow #shadow

Canlı incele Metin

Leo Lion

Majestic maned Leo lion zodiac sign.

#animation #gradient #shadow

Canlı incele Metin

Lotus Tranquil

Tranquil pink lotus on water text.

#animation #gradient #transform

Canlı incele Metin

Mist Haze

Soft misty haze over distant text.

#animation #transform #shadow

Canlı incele Metin

Music Note Bounce

Bouncing musical notes over text.

#animation #transform #shadow

Canlı incele Metin

Neon Flicker Text

Layered text shadows imitate a neon sign whose tubes stutter before settling.

#animation #shadow #neon

Canlı incele Metin

Neptune Blue

Deep blue ice giant Neptune.

#animation #gradient #shadow

Canlı incele Metin

Noon Blaze

Blazing midday sun over text.

#animation #shadow #filter

Canlı incele Metin

Paper Torn

Text on torn rough-edge paper with ink bleed.

#shadow #filter

Canlı incele Metin

Paprika Red

Red paprika spice on text.

#animation #gradient #shadow

Canlı incele Metin

Peony Lush

Lush full pink peony on text.

#animation #gradient #transform

Canlı incele Metin

Pine Evergreen

Deep evergreen pine on text.

#animation #gradient #shadow

Canlı incele Metin

Postal Stamp

Postal stamp text with perforated edge.

#shadow #filter

Canlı incele Metin

Quasar Beam

Brilliant quasar beam sweeping across bright text.

#animation #gradient #shadow

Canlı incele Metin

Red Giant Star

Swollen red giant star slowly expanding.

#animation #transform #shadow

Canlı incele Metin

Retro 50s Diner

1950s diner chrome and red style.

Canlı incele Metin

Rhythm Pulse

Steady rhythm pulse on text.

#animation #transform #shadow

Canlı incele Metin

Roman Column

Roman fluted column on text.

#animation #gradient #shadow

Canlı incele Metin

Shadow Perspective Floor

Floor perspective reflection shadow.

#transform #shadow

Canlı incele Metin

Sphere Shaded

Text filled with a radial highlight gradient giving a spherical metallic look.

#gradient #animation #shadow

Canlı incele Metin

Strawberry Red

Sweet red strawberry on text.

#animation #gradient #transform

Canlı incele Metin

Sustain Ring

Long sustained ringing note on text.

#animation #shadow #filter

Canlı incele Metin

Treble Clef

Curving treble clef over text.

#animation #transform #shadow

Canlı incele Metin

Treble Tinkle

High treble tinkle on text.

#animation #transform #shadow

Canlı incele Metin

Tulip Cup

Cup-shaped tulip gradient on text.

#animation #gradient #transform

Canlı incele Metin

Typewriter Mono Clean

Clean monospace typewriter.

Canlı incele Metin

Vintage Poster

Aged vintage poster text with muted sepia tones.

#shadow #filter