LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Navigasyon — 552 Ücretsiz CSS Efekti (Sayfa 2)

Menü çubukları, sekmeler ve gezinme bileşenleri.

Tümü saf CSS — kütüphane, derleme adımı veya JavaScript gerekmez. Kodu kopyalamak ve tarayıcı içi editörde denemek için ücretsiz üyelik yeterli.

Canlı incele Navigation

Curve Arrow Breadcrumbs

Breadcrumbs with curved arrow separators.

#hover #transform

Canlı incele Navigation

Curve Line Breadcrumbs

Breadcrumbs with curved SVG-like line separators.

#hover #transform

Canlı incele Navigation

Dashed Trail Breadcrumbs

Breadcrumbs with dashed connecting lines.

#hover #transform #border

Canlı incele Navigation

Diagonal Arrow Breadcrumbs

Breadcrumbs with diagonal arrow separators.

#hover #transform

Canlı incele Navigation

Dot Separator Breadcrumbs

Breadcrumbs with dot separators.

#hover #transform

Canlı incele Navigation

Dot Trail Breadcrumbs

Breadcrumbs with a trail of dots leading to active.

#hover #gradient

Canlı incele Navigation

Dotted Trail Breadcrumbs

Breadcrumbs with dotted connecting lines.

#hover #transform #border

Canlı incele Navigation

Floating Arrow Breadcrumbs

Breadcrumbs with floating arrow separators on hover.

#hover #transform

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

Gradient Arrow Breadcrumbs

Breadcrumbs with gradient arrow separators.

#hover #animation #gradient

Canlı incele Navigation

Greater Than Breadcrumbs

Breadcrumbs with > separators.

Canlı incele Navigation

Home Icon Breadcrumbs

Breadcrumbs starting with a home icon.

Canlı incele Navigation

Hover Glow Breadcrumbs

Breadcrumbs with glow on hover.

Canlı incele Navigation

Hover Grow Breadcrumbs

Breadcrumbs that grow on hover.

#hover #gradient #transform

Canlı incele Navigation

Hover Rotate Breadcrumbs

Breadcrumbs that rotate slightly on hover.

#hover #gradient #transform

Canlı incele Navigation

Hover Shift Breadcrumbs

Breadcrumbs that shift right on hover.

#hover #transform

Canlı incele Navigation

Hover Underline Breadcrumbs

Breadcrumbs with animated underline on hover.

Canlı incele Navigation

Icon Text Breadcrumbs

Breadcrumbs with icons and text.

Canlı incele Navigation

Line Separator Breadcrumbs

Breadcrumbs with vertical line separators.

#hover #transform

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

Pentagon Shape Breadcrumbs

Breadcrumbs shaped as pentagons with point tips.

#hover #gradient

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

Pipe Separator Breadcrumbs

Breadcrumbs with pipe separators.

Canlı incele Navigation

Progress Bar Breadcrumbs

Breadcrumbs with a progress bar underneath.

#hover #gradient

Canlı incele Navigation

Progress Line Breadcrumbs

Breadcrumbs with a connecting progress line.

#hover #gradient

Canlı incele Navigation

Shadow Active Breadcrumbs

Breadcrumbs with shadow on active item.

Canlı incele Navigation

Slash Separator Breadcrumbs

Breadcrumbs with slash separators.

Canlı incele Navigation

Square Background Breadcrumbs

Breadcrumbs with square item backgrounds.

Canlı incele Navigation

Step Counter Breadcrumbs

Breadcrumbs with numbered step counter.

Canlı incele Navigation

Text Only Breadcrumbs

Minimal text-only breadcrumbs.

Canlı incele Navigation

Triangle Tip Breadcrumbs

Breadcrumbs with triangle pointed tips.

#hover #gradient #transform

Canlı incele Navigation

Underline Active Breadcrumbs

Breadcrumbs with underline on active item.

#hover #transform

Canlı incele Navigation

Vertical Line Breadcrumbs

Vertical breadcrumbs with line connectors.

#hover #transform #shadow

Canlı incele Navigation

Wavy Trail Breadcrumbs

Breadcrumbs with wavy connecting separators.

#hover #transform

Canlı incele Navigation

Zigzag Trail Breadcrumbs

Breadcrumbs with zigzag pattern separators.

#hover #transform

Canlı incele Navigation

Curtain Fall Reveal Nav

Nav links revealed as a curtain falls downward on hover.

#hover #gradient #transform

Canlı incele Navigation

Curtain Rise Reveal Nav

Nav links revealed as a curtain rises upward on hover.

#hover #gradient #transform

Canlı incele Navigation

Curtain Split Reveal Nav

Two curtains split apart horizontally to reveal the nav links.

#hover #gradient #transform

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

Dark Minimal Navbar

Minimal dark navbar with subtle hover underlines.

#hover #transform #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 Bottom Dot Nav

Horizontal dot navigation at bottom.

#hover #transform #shadow

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

Accordion Collapse Drawer Navbar

Drawer with collapsible accordion groups using details/summary.

Canlı incele Navigation

Brutalist Block Drawer Navbar

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

#hover #transform #shadow

Canlı incele Navigation

Cascading Multi Drawer Navbar

Multi-level cascading drawer with progressively indented levels.

Canlı incele Navigation

Collapsible Arrow Drawer Navbar

Drawer with collapsible sections toggled by an arrow indicator.

#hover #transform

Canlı incele Navigation

Dark Panel Drawer Navbar

Dark panel drawer with subtle border accents.

Canlı incele Navigation

Fixed Edge Drawer Navbar

Drawer fixed to the viewport edge with a sharp vertical layout.

#hover #transform #border

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

Gradient Panel Drawer Navbar

Drawer with a gradient panel background and active indicator.

#hover #gradient #border

Canlı incele Navigation

Light Panel Drawer Navbar

Light panel drawer with clean card-style spacing.

#hover #shadow #border

Canlı incele Navigation

Multi Level Drawer Navbar

Multi-level drawer with progressively indented sub-sections.

Canlı incele Navigation

Nested Accordion Drawer Navbar

Accordion drawer with expandable sections revealing sub-links.

#hover #transform

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

Push Content Left Drawer Navbar

Left drawer pushes the main content rightward when opening.

#hover #animation #border

Canlı incele Navigation

Push Content Right Drawer Navbar

Right drawer pushes the main content leftward when opening.

#hover #animation #border

Canlı incele Navigation

Rounded Pill Drawer Navbar

Drawer with rounded pill-style links and soft pink palette.

Canlı incele Navigation

3D Left Drawer Navbar

Left drawer with 3D perspective slide revealing main nav beside it.

#hover #animation #gradient

Canlı incele Navigation

3D Right Drawer Navbar

Right drawer with 3D perspective slide.

#hover #animation #gradient

Canlı incele Navigation

Square Sharp Drawer Navbar

Drawer with sharp square corners and bold contrast.

#hover #transform #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

Tree Nested Drawer Navbar

Vertical drawer with nested tree-style sub-links indentation.

Canlı incele Navigation

Elastic Snap Navbar

Links snap up elastically on hover and settle with a bounce.

#hover #transform

Canlı incele Navigation

Elevated Card Navbar

Navbar styled as an elevated card with deep shadow.

Canlı incele Navigation

3D Flip Card Navbar

Each link is a 3D flip card revealing a back face on hover.

#hover #transform #3d

Canlı incele Navigation

Horizontal Flip Navbar

Links flip horizontally (Y-axis) on hover for a side reveal.

#hover #transform #3d

Canlı incele Navigation

Vertical Flip Navbar

Links flip vertically (X-axis) on hover for a top-down reveal.

#hover #transform #3d

Canlı incele Navigation

Float Rise Navbar

Hovered links gently rise and float with a soft glow underneath.

#hover #gradient #transform

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