Canlı incele Navigation
Navigasyon — 552 Ücretsiz CSS Efekti (Sayfa 6)
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
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Text 3D Shadow Stack Navbar
Active link text projects a stacked 3D shadow forming extruded depth.
Canlı incele Navigation
Text Blur Focus Navbar
All links blur except the hovered one which comes into sharp focus.
Canlı incele Navigation
Text Cinematic Glow Navbar
Active link has a wide cinematic soft-glow halo behind the text.
Canlı incele Navigation
Canlı incele Navigation
Text Glitch Hover Navbar
Hovered links glitch with a split-color RGB shift effect.
Canlı incele Navigation
Text Glow Pulse Link Navbar
Each link has a pulsing text glow that intensifies on hover.
Canlı incele Navigation
Text Gradient Shift Link Navbar
Hovered links shift a gradient text fill smoothly across the letters.
Canlı incele Navigation
Letter Spacing Grow Navbar
Hovered link expands its letter spacing for a refined editorial feel.
Canlı incele Navigation
Letter Spacing Shrink Navbar
Links have wide letter spacing that compresses on hover.
Canlı incele Navigation
Canlı incele Navigation
Text Rainbow Flow Navbar
Active link text flows through a rainbow gradient animation.
Canlı incele Navigation
Canlı incele Navigation
Text Scramble Hover Navbar
Hovered links scramble their letters via a positional jitter animation.
Canlı incele Navigation
Text Shadow Dance Navbar
Hovered links perform a layered text-shadow dance animation.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Text Stroke Draw Navbar
Active link text has its stroke drawn animatedly via dash-offset.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Uppercase Grow Navbar
Hovered link transforms to uppercase with smooth spacing growth.
Canlı incele Navigation
Ticket Stub Perforate Nav
Nav styled as ticket stubs with perforated edges between items.
Canlı incele Navigation
Ticket Stub Tear Nav
Active ticket stub torn along its perforation edge on hover.
Canlı incele Navigation
3D Tilt Hover Navbar
Each link tilts in 3D space responding to hover with depth perspective.
Canlı incele Navigation
Canlı incele Navigation
Chevron Collapsible Treeview
Tree menu where chevrons rotate as the group expands on hover.
Canlı incele Navigation
Connector Line Treeview
Tree menu with L-shaped connector lines linking parents to children.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Vertical Tab Left Arrow Pointer
Vertical tabs with a left-pointing arrow on the active item.
Canlı incele Navigation
Vertical Tab Right Arrow Pointer
Vertical tabs with a right-pointing arrow on the active item.
Canlı incele Navigation
Vertical Tab Left Border Active
Vertical tabs with a glowing left border on the active item.
Canlı incele Navigation
Vertical Tab Right Border Active
Vertical tabs with a right accent border on the active item.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Vertical Tab Circle Bg Active
Vertical tabs with a circular active background indicator.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Vertical Tab Dot Indicator
Vertical tabs with a glowing dot indicator on the active item.
Canlı incele Navigation
Vertical Tab Fill Bg
Vertical tabs with a sliding colored fill background on hover.
Canlı incele Navigation
Vertical Tab Flip Card
Vertical tabs that flip in 3D when active, revealing content.
Canlı incele Navigation
Vertical Tab Glow Active
Vertical tabs with a glowing active item casting ambient light.
Canlı incele Navigation
Vertical Tab Gradient Bg Flow
Vertical tabs with an animated gradient background flow on the active.
Canlı incele Navigation
Canlı incele Navigation
Vertical Tab Icon Trailing
Vertical tabs with trailing right-side icons that pop on active.
Canlı incele Navigation
Canlı incele Navigation
Vertical Tab Neon Active Line
Vertical tabs with a pulsing neon active line indicator.
Canlı incele Navigation
Canlı incele Navigation
Vertical Tab Pill Morph
Vertical tabs where the active pill morphs smoothly between items.
Canlı incele Navigation
Vertical Tab Progress Bar
Vertical tabs with an active progress bar fill on the active item.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Vertical Tab Slide Content
Vertical tabs that slide horizontally revealing content offset.
Canlı incele Navigation
Canlı incele Navigation
Vertical Tab Step Marker
Vertical tabs with numbered step markers like a wizard.
Canlı incele Navigation
Canlı incele Navigation
Vertical Tab Underline Slide
Vertical tab nav where the active underline slides between items.
Canlı incele Navigation
Circle Mask Wipe Nav
Active indicator revealed by a circle that expands outward from the link.
Canlı incele Navigation
Diagonal Wipe Reveal Nav
Diagonal wipe transitions across the nav when hovering different items.
Canlı incele Navigation
Wipe Left Reveal Nav
Active tab revealed by a leftward wipe that sweeps across the nav.
Canlı incele Navigation
Wipe Right Reveal Nav
Active tab revealed by a rightward wipe sweeping across the nav bar.
Canlı incele Navigation
Wobble Jiggle Navbar
Links wobble-jiggle on hover using a keyframe animation.