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 Navigation

Arrow Glow Active Navbar

Nav with glowing arrow accent on the active item.

Canlı incele Navigation

Arrow Neon Active Navbar

Nav with neon glowing arrow on the active item.

#hover #animation #shadow

Canlı incele Navigation

Arrow Outline Draw Navbar

Nav with arrow outline drawn on the active item.

#hover #animation #transform

Canlı incele Navigation

Arrow Square Dot Navbar

Nav with square dot arrow indicators on active items.

#hover #shadow #border

Canlı incele Navigation

Blurred Glass Navbar

Navbar with heavy backdrop blur and gradient border.

#hover #gradient #shadow

Canlı incele Navigation

Bordered Bottom Navbar

Navbar with thick gradient bottom border.

#hover #gradient #shadow

Canlı incele Navigation

Bordered Top Navbar

Navbar with thick gradient top border.

#hover #gradient #shadow

Canlı incele Navigation

Glass Bottom Nav

Glassmorphism bottom navigation.

#hover #shadow #border

Canlı incele Navigation

Glow Bottom Nav

Bottom nav with glowing active item.

#hover #shadow #border

Canlı incele Navigation

Breathe Glow Navbar

Active link breathes with a soft expanding glow halo.

#hover #animation #shadow

Canlı incele Navigation

Brutalist Navbar

Raw brutalist navbar with thick borders and offset shadow.

#hover #transform #shadow

Canlı incele Navigation

Claymorphism Navbar

Soft clay-style navbar with rounded pill links.

#hover #transform #shadow

Canlı incele Navigation

Keyboard Command Palette

Command palette where each item shows its keyboard shortcut hint.

#hover #shadow #border

Canlı incele Navigation

Recent Commands Palette

Palette grouping commands into Recent and All sections.

#hover #transform #shadow

Canlı incele Navigation

Search Command Palette

Command palette with a search input and filtered command rows.

#hover #shadow #border

Canlı incele Navigation

Coupon Clip Corner Nav

Nav items styled as coupons with clipped circular corners.

#hover #gradient #transform

Canlı incele Navigation

3D Arrow Breadcrumbs

Breadcrumbs with 3D arrow separators.

#hover #gradient #transform

Canlı incele Navigation

3D Chevron Breadcrumbs

Breadcrumbs with 3D chevron separators.

#hover #gradient #transform

Canlı incele Navigation

Circle Background Breadcrumbs

Breadcrumbs with circular item backgrounds.

#hover #gradient #transform

Canlı incele Navigation

Color Active Breadcrumbs

Breadcrumbs with color change on active item.

Canlı incele Navigation

Glow Active Breadcrumbs

Breadcrumbs with glow on active item.

Canlı incele Navigation

Glow Trail Breadcrumbs

Breadcrumbs with a glowing connecting trail.

#hover #transform #shadow

Canlı incele Navigation

Hover Glow Breadcrumbs

Breadcrumbs with glow on hover.

Canlı incele Navigation

Mini Tab Breadcrumbs

Breadcrumbs styled as mini tabs.

#hover #shadow #border

Canlı incele Navigation

Neon Separator Breadcrumbs

Dark mode breadcrumbs with neon separators.

#hover #transform #shadow

Canlı incele Navigation

Pill Active Breadcrumbs

Breadcrumbs with pill shape on active item.

#hover #gradient #shadow

Canlı incele Navigation

Pill Background Breadcrumbs

Breadcrumbs with pill-shaped items.

#hover #gradient #shadow

Canlı incele Navigation

Shadow Active Breadcrumbs

Breadcrumbs with shadow on active item.

Canlı incele Navigation

Vertical Line Breadcrumbs

Vertical breadcrumbs with line connectors.

#hover #transform #shadow

Canlı incele Navigation

Curved Bottom Navbar

Navbar with a curved bottom edge using border-radius.

Canlı incele Navigation

Dark Blur Navbar

Dark themed navbar with frosted blur background.

#hover #shadow #border

Canlı incele Navigation

Deep Shadow Navbar

Navbar with deep layered shadow for elevation.

#hover #transform #shadow

Canlı incele Navigation

3D Dot Nav

3D extruded dot navigation.

#hover #gradient #transform

Canlı incele Navigation

Circle Dot Nav

Dot navigation in a circle container.

#hover #gradient #transform

Canlı incele Navigation

Floating Bottom Dot Nav

Floating dot navigation at bottom.

#hover #gradient #transform

Canlı incele Navigation

Floating Left Dot Nav

Floating dot navigation on left with shadow.

#hover #transform #shadow

Canlı incele Navigation

Floating Right Dot Nav

Floating dot navigation with shadow.

#hover #gradient #transform

Canlı incele Navigation

Floating Top Dot Nav

Floating dot navigation at top.

#hover #transform #shadow

Canlı incele Navigation

Glow Dot Nav

Dot nav with glowing active dot.

#hover #shadow #border

Canlı incele Navigation

Gradient Dot Nav

Dot nav with gradient active dot.

#hover #gradient #transform

Canlı incele Navigation

Horizontal Top Dot Nav

Horizontal dot navigation at top.

#hover #transform #shadow

Canlı incele Navigation

Neon Dot Nav

Neon themed dot navigation.

#hover #shadow #border

Canlı incele Navigation

Square Dot Nav

Dot nav with square-shaped dots.

#hover #shadow #border

Canlı incele Navigation

Vertical Left Dot Nav

Vertical dot navigation fixed to left side.

#hover #transform #shadow

Canlı incele Navigation

Vertical Right Dot Nav

Vertical dot navigation fixed to right side.

#hover #transform #shadow

Canlı incele Navigation

3D Perspective Drawer Navbar

Drawer with a 3D perspective active link lifting forward.

#hover #transform #shadow

Canlı incele Navigation

Brutalist Block Drawer Navbar

Drawer with raw brutalist block styling, sharp borders, and offset shadow.

#hover #transform #shadow

Canlı incele Navigation

Floating Overlay Drawer Navbar

Floating drawer that overlays content without pushing it.

#hover #animation #transform

Canlı incele Navigation

Glass Panel Drawer Navbar

Drawer with frosted glass panel styling over a colored background.

#hover #shadow #border

Canlı incele Navigation

Glow Edge Drawer Navbar

Drawer with a glowing active edge in indigo neon.

#hover #transform #shadow

Canlı incele Navigation

Light Panel Drawer Navbar

Light panel drawer with clean card-style spacing.

#hover #shadow #border

Canlı incele Navigation

Neumorphic Panel Drawer Navbar

Drawer with soft neumorphic embossed styling.

#hover #shadow #border

Canlı incele Navigation

Blur Overlay Drawer Navbar

Drawer over a frosted blurred backdrop.

#hover #animation #gradient

Canlı incele Navigation

Dim Overlay Drawer Navbar

Drawer over a dimmed dark overlay backdrop.

#hover #animation #transform

Canlı incele Navigation

Pin Sticky Drawer Navbar

Drawer with a pinned sticky header that stays at the top.

Canlı incele Navigation

Pinned Side Drawer Navbar

Pinned left-side drawer that persists beside the main content.

#hover #shadow #border

Canlı incele Navigation

Stack Cards Drawer Navbar

Drawer with stacked card-style links that fan out on hover.

#hover #transform #shadow

Canlı incele Navigation

Sticky Side Drawer Navbar

Sticky left drawer that stays in place during scroll.

#hover #transform #shadow

Canlı incele Navigation

Elevated Card Navbar

Navbar styled as an elevated card with deep shadow.

Canlı incele Navigation

Floating Action Navbar

Navbar with floating action-style buttons.

#hover #gradient #transform

Canlı incele Navigation

Floating Dock Navbar

macOS-style floating dock navbar with bouncy hover.

#hover #gradient #transform

Canlı incele Navigation

Floating Glass Navbar

Detached floating glass navbar with strong blur.

#hover #shadow #border

Canlı incele Navigation

Floating Pill Navbar

Floating rounded pill navbar with a sliding active indicator.

Canlı incele Navigation

Forest Green Navbar

Forest green navbar with earthy tones.

#hover #gradient #shadow

Canlı incele Navigation

Frosted Edge Navbar

Frosted navbar with crystal edge highlight.

#hover #shadow #border

Canlı incele Navigation

Glassmorphism Navbar

Frosted glass navbar with backdrop blur and translucent background.

#hover #shadow #border

Canlı incele Navigation

Glass Dark Navbar

Dark glass navbar with white border highlight.

#hover #shadow #border

Canlı incele Navigation

Glass Light Navbar

Light glass navbar with subtle backdrop tint.

#hover #gradient #shadow

Canlı incele Navigation

Glass Tint Navbar

Glass navbar with colored tint overlay.

#hover #gradient #shadow

Canlı incele Navigation

Glow Line Navbar

Navbar with neon glowing line under active link.

#hover #animation #shadow

Canlı incele Navigation

Glow Pulse Navbar

Navbar with pulsing glow around active link.

#hover #animation #shadow

Canlı incele Navigation

Holographic Navbar

Navbar with holographic gradient overlay.

#hover #animation #gradient

Canlı incele Navigation

Circle Icon Nav

Icon nav with circular icons.

#hover #gradient #transform

Canlı incele Navigation

Floating Icon Nav

Floating icon navigation with shadow.

#hover #gradient #transform

Canlı incele Navigation

Glow Icon Nav

Icon nav with glowing active icon.

#hover #shadow #border

Canlı incele Navigation

Horizontal Icon Nav

Horizontal icon-only navigation.

#hover #gradient #shadow

Canlı incele Navigation

Neon Icon Nav

Neon themed icon navigation.

#hover #shadow #border

Canlı incele Navigation

Vertical Icon Nav

Vertical icon navigation.

#hover #gradient #shadow

Canlı incele Navigation

Lift Soar Navbar

Links lift and soar upward with strong shadow projection.

#hover #transform #shadow

Canlı incele Navigation

Light Blur Navbar

Light navbar with translucent blur and soft glow.

#hover #gradient #shadow

Canlı incele Navigation

Light Clean Navbar

Clean white navbar with soft shadow and pill active state.

Canlı incele Navigation

Liquid Morph Tab Navbar

Active tab morphs between links like a liquid blob.

Canlı incele Navigation

Magnetic Pull Navbar

Links magnetically grow toward the hovered item while neighbors shrink back.

#hover #transform #shadow

Canlı incele Navigation

Mega Shadow Navbar

Navbar with multiple layered shadows for depth.

Popüler etiketler

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