En Popüler CSS Efektleri (Sayfa 70)

Canlı incele Navigation

Half Rotate Navbar

Links flip 180 degrees on hover, mirroring the text.

#hover #transform

Canlı incele Navigation

Quarter Rotate Navbar

Links rotate 90 degrees on hover, revealing an icon face.

#hover #transform

Canlı incele Navigation

Rounded Pill Navbar

Fully rounded pill-shaped navbar with sliding indicator.

#hover #gradient

Canlı incele Navigation

Royal Purple Navbar

Royal purple navbar with golden accents.

#hover #gradient #shadow

Canlı incele Navigation

Rubber Stretch Navbar

Hovered links stretch horizontally like rubber then snap back.

#hover #transform

Canlı incele Navigation

3D Segmented Control

Segmented control with 3D pressed and raised segments.

#hover #gradient #transform

Canlı incele Navigation

Fill Segmented Control

Segmented control with a left-to-right color fill on the active segment.

#hover #gradient #transform

Canlı incele Navigation

Glow Segmented Control

Dark segmented control with a neon glow on the active segment.

#hover #shadow #border

Canlı incele Navigation

Pill Segmented Control

Segmented control with a sliding pill background that follows selection.

#hover #gradient #transform

Canlı incele Navigation

Shadow Grow Hover Navbar

Hovered links grow a deep multi-layer shadow beneath them.

#hover #transform #shadow

Canlı incele Navigation

Shake Jitter Navbar

Links shake-jitter on hover with a horizontal animation.

#hover #animation #transform

Canlı incele Navigation

Bottom Sheet Navbar

Mobile bottom sheet that slides up to reveal nav links.

#hover #animation #transform

Canlı incele Navigation

Back Arrow Sheet Navbar

Sheet with a back arrow navigation button at the top.

#hover #animation #gradient

Canlı incele Navigation

Close X Sheet Navbar

Bottom sheet with an X close button in the corner.

#hover #animation #gradient

Canlı incele Navigation

Grip Handle Sheet Navbar

Bottom sheet with a prominent grip handle and drag indicator.

#hover #animation #gradient

Canlı incele Navigation

Left Slide Sheet Navbar

Vertical sheet sliding in from the left with stacked links.

#hover #animation #transform

Canlı incele Navigation

Right Slide Sheet Navbar

Vertical sheet sliding in from the right with profile-style links.

#hover #animation #transform

Canlı incele Navigation

Top Drop Sheet Navbar

Sheet that drops down from the top of the navbar revealing links.

#hover #animation #transform

Canlı incele Navigation

Shutter Blade Close Nav

Camera shutter blades that close in to hide nav, opening on hover.

#hover #gradient #transform

Canlı incele Navigation

Shutter Blade Open Nav

Shutter blades that open outward radially to reveal nav links.

#hover #gradient #transform

Canlı incele Navigation

3D Sidebar

Sidebar with 3D perspective tilt.

#hover #gradient #transform

Canlı incele Navigation

Brutalist Sidebar

Raw brutalist sidebar with thick borders.

#hover #transform #shadow

Canlı incele Navigation

Collapsible Sidebar

Sidebar that collapses to icons only.

#hover #gradient

Canlı incele Navigation

Dark Sidebar

Dark themed sidebar with subtle highlights.

#hover #gradient #shadow

Canlı incele Navigation

Elevated Sidebar

Sidebar with elevated card design.

#hover #gradient #transform

Canlı incele Navigation

Expand on Hover Sidebar

Sidebar expands to show labels on hover.

#hover #gradient

Canlı incele Navigation

Glass Sidebar

Glassmorphism sidebar with blur.

#hover #shadow #border

Canlı incele Navigation

Glow Sidebar

Dark sidebar with glowing active link.

#hover #shadow #border

Canlı incele Navigation

Gradient Sidebar

Sidebar with gradient background.

#hover #gradient #shadow

Canlı incele Navigation

Icons Only Sidebar

Minimal sidebar with only icons.

#hover #gradient #transform

Canlı incele Navigation

Light Sidebar

Light themed sidebar with soft shadow.

#hover #gradient #shadow

Canlı incele Navigation

Mini Sidebar

Compact mini sidebar.

#hover #gradient #shadow

Canlı incele Navigation

Neon Sidebar

Dark neon themed sidebar.

#hover #transform #shadow

Canlı incele Navigation

Neumorphic Sidebar

Soft neumorphic sidebar.

#hover #shadow

Canlı incele Navigation

Overlay Sidebar

Sidebar that overlays content when opened.

#hover #gradient

Canlı incele Navigation

Pinned Sidebar

Full-height pinned sidebar.

#hover #transform #border

Canlı incele Navigation

Push Content Sidebar

Sidebar that pushes content when expanded.

#hover #gradient #shadow

Canlı incele Navigation

Rounded Sidebar

Sidebar with rounded pill links.

#hover #gradient #shadow

Canlı incele Navigation

Square Sidebar

Sidebar with sharp square links.

#hover #transform #border

Canlı incele Navigation

Skew Diagonal Navbar

Links skew diagonally on hover with a sharp directional motion.

#hover #transform

Canlı incele Navigation

Slant 3D Fold Navbar

Nav with a 3D fold effect along the diagonal axis.

#hover #transform #3d

Canlı incele Navigation

Slant Both Cuts Navbar

Nav bar with diagonal cuts on both top corners.

#hover

Canlı incele Navigation

Slant Bottom Cut Navbar

Nav bar with a slanted diagonal cut at the bottom edge.

#hover

Canlı incele Navigation

Slant Clip Path Navbar

Nav bar with a custom angled clip-path creating a parallelogram.

#hover

Canlı incele Navigation

Slant Cut Corner Navbar

Nav with a folded corner cut on the top-right.

#hover

Canlı incele Navigation

Slant Glow Edge Navbar

Slanted nav with glowing edge accents along the cuts.

#hover #shadow #border

Canlı incele Navigation

Slant Gradient Flow Navbar

Slanted nav with an animated gradient background flow.

#hover #animation #gradient

Canlı incele Navigation

Slant Left Cut Navbar

Nav bar with a slanted diagonal cut on the left edge.

#hover

Canlı incele Navigation

Slant Neon Edge Navbar

Slanted nav with pulsing neon pink edge accents.

#hover #animation #shadow

Canlı incele Navigation

Slant Perspective 3D Navbar

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

#hover #transform #shadow

Canlı incele Navigation

Slant Right Cut Navbar

Nav bar with a slanted diagonal cut on the right edge.

#hover

Canlı incele Navigation

Slant Rotate Tilt Navbar

Nav with the entire bar slightly rotated for a tilted slant.

#hover #gradient #transform

Canlı incele Navigation

Slant Skew Tilt Navbar

Nav with skew-tilted active item creating a slanted look.

#hover #transform

Canlı incele Navigation

Slant Top Cut Navbar

Nav bar with a slanted diagonal cut at the top edge.

#hover

Canlı incele Navigation

Soft Pink Navbar

Soft pink themed navbar with rose accents.

#hover #gradient #shadow

Canlı incele Navigation

Split Arrow Flow Navbar

Nav links separated by arrow flow indicators pointing right.

#hover #animation #transform

Canlı incele Navigation

Split Chevron Flow Navbar

Nav links separated by double-chevron flow indicators.

#hover

Canlı incele Navigation

Split Curve Wave Navbar

Nav links with a wavy curve separator between them.

#hover #transform

Canlı incele Navigation

Split Diagonal Cut Navbar

Nav links with diagonal cut separators between them.

#hover

Canlı incele Navigation

Split Divider Line Navbar

Nav links separated by thin vertical divider lines.

#hover #shadow

Canlı incele Navigation

Split Dot Flow Navbar

Nav links separated by pulsing dot flow indicators.

#hover #animation #transform

Canlı incele Navigation

Split Greater Flow Navbar

Nav links separated by greater-than flow indicators.

#hover

Canlı incele Navigation

Split Half Divider Navbar

Nav split into two halves with a central vertical divider.

#hover #gradient #shadow

Canlı incele Navigation

Split Horizontal Divider Navbar

Nav links separated by horizontal lines stacked vertically.

#hover #shadow #border

Canlı incele Navigation

Split Layout Navbar

Navbar with brand on left, links center, actions on right.

#hover #border

Canlı incele Navigation

Split Line Dashed Navbar

Nav links separated by dashed line dividers.

#hover #gradient #shadow

Canlı incele Navigation

Split Line Dotted Navbar

Nav links separated by dotted line dividers.

#hover #gradient

Canlı incele Navigation

Split Line Glow Navbar

Nav links separated by glowing line separators.

#hover #shadow

Canlı incele Navigation

Split Line Gradient Flow Navbar

Nav links separated by animated gradient line dividers.

#hover #animation #gradient

Canlı incele Navigation

Split Pipe Flow Navbar

Nav links separated by vertical pipe flow indicators.

#hover

Canlı incele Navigation

Split Quad Grid Navbar

Nav split into four equal quadrants with cross divider.

#hover

Canlı incele Navigation

Split Slash Flow Navbar

Nav links separated by slash flow indicators.

#hover #shadow

Canlı incele Navigation

Split Thirds Grid Navbar

Nav split into three equal columns separated by dividers.

#hover #border

Canlı incele Navigation

Split Vertical Divider Navbar

Nav with prominent vertical divider bars between links.

#hover #border

Canlı incele Navigation

Split Wave Edge Navbar

Nav with a wave-edge border between active and inactive items.

#hover #gradient

Canlı incele Navigation

Split Zigzag Edge Navbar

Nav links with zigzag-edged separators between items.

#hover #transform

Canlı incele Navigation

Spring Pop Navbar

Active link springs outward with a playful pop animation.

#hover #gradient #transform

Canlı incele Navigation

Square Sharp Navbar

Sharp-edged navbar with no rounding.

#hover #transform #border

Canlı incele Navigation

Stamp Ink Rotate Nav

Active link shows a rotated ink stamp badge with skewed impression.

#hover #gradient #transform

Canlı incele Navigation

Stamp Paper Fold Nav

Paper sheet nav with folded corner revealing the active item underneath.

#hover #gradient #transform

Canlı incele Navigation

3D Step Indicator

3D extruded step indicator.

#hover #transform #shadow

Canlı incele Navigation

Checkmarks Step Indicator

Step indicator with checkmarks for done steps.

#hover

Canlı incele Navigation

Circular Step Indicator

Step indicator with circular progress ring.

#hover #transform #shadow

Canlı incele Navigation

Dots Step Indicator

Step indicator with dots between numbers.

#hover #transform #shadow

Canlı incele Navigation

Floating Step Indicator

Floating step indicator with hover lift.

#hover #transform #shadow

Canlı incele Navigation

Glow Step Indicator

Dark step indicator with glowing active step.

#hover #shadow

Canlı incele Navigation

Gradient Step Indicator

Step indicator with animated gradient on active.

#hover #animation #gradient

Canlı incele Navigation

Horizontal Step Indicator

Horizontal step indicator with connecting lines.

#hover #shadow

Canlı incele Navigation

Neon Step Indicator

Neon themed step indicator.

#hover #transform #shadow

Canlı incele Navigation

Numbered Step Indicator

Horizontal numbered step indicator.

#hover

Canlı incele Navigation

Pill Step Indicator

Step indicator with pill-shaped markers.

#hover

Canlı incele Navigation

Progress Bar Step Indicator

Step indicator with connecting progress bar.

#hover #gradient #transform

Canlı incele Navigation

Rounded Step Indicator

Step indicator with rounded square markers.

#hover #gradient #transform

Canlı incele Navigation

Square Step Indicator

Step indicator with square markers.

#hover #transform

Canlı incele Navigation

Vertical Step Indicator

Vertical step indicator with connecting line.

#hover #shadow

Canlı incele Navigation

Sticky Note Curl Nav

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

#hover #gradient #transform

Kategoriye göre gez

Popüler etiketler