shadow CSS Efektleri — 5664 Ücretsiz Örnek (Sayfa 46)

Canlı incele Navigasyon

Coupon Clip Corner Nav

Nav items styled as coupons with clipped circular corners.

#hover #gradient #transform

Canlı incele Navigasyon

Circle Background Breadcrumbs

Breadcrumbs with circular item backgrounds.

#hover #gradient #transform

Canlı incele Navigasyon

Color Active Breadcrumbs

Breadcrumbs with color change on active item.

#hover #shadow

Canlı incele Navigasyon

Glow Active Breadcrumbs

Breadcrumbs with glow on active item.

#hover #shadow

Canlı incele Navigasyon

Glow Trail Breadcrumbs

Breadcrumbs with a glowing connecting trail.

#hover #transform #shadow

Canlı incele Navigasyon

Mini Tab Breadcrumbs

Breadcrumbs styled as mini tabs.

#hover #shadow #border

Canlı incele Navigasyon

Pill Active Breadcrumbs

Breadcrumbs with pill shape on active item.

#hover #gradient #shadow

Canlı incele Navigasyon

Pill Background Breadcrumbs

Breadcrumbs with pill-shaped items.

#hover #gradient #shadow

Canlı incele Navigasyon

Shadow Active Breadcrumbs

Breadcrumbs with shadow on active item.

#hover #shadow

Canlı incele Navigasyon

Vertical Line Breadcrumbs

Vertical breadcrumbs with line connectors.

#hover #transform #shadow

Canlı incele Navigasyon

Dark Blur Navbar

Dark themed navbar with frosted blur background.

#hover #shadow #border

Canlı incele Navigasyon

3D Dot Nav

3D extruded dot navigation.

#hover #gradient #transform

Canlı incele Navigasyon

Circle Dot Nav

Dot navigation in a circle container.

#hover #gradient #transform

Canlı incele Navigasyon

Floating Bottom Dot Nav

Floating dot navigation at bottom.

#hover #gradient #transform

Canlı incele Navigasyon

Floating Left Dot Nav

Floating dot navigation on left with shadow.

#hover #transform #shadow

Canlı incele Navigasyon

Floating Right Dot Nav

Floating dot navigation with shadow.

#hover #gradient #transform

Canlı incele Navigasyon

Floating Top Dot Nav

Floating dot navigation at top.

#hover #transform #shadow

Canlı incele Navigasyon

Glow Dot Nav

Dot nav with glowing active dot.

#hover #shadow #border

Canlı incele Navigasyon

Gradient Dot Nav

Dot nav with gradient active dot.

#hover #gradient #transform

Canlı incele Navigasyon

Neon Dot Nav

Neon themed dot navigation.

#hover #shadow #border

Canlı incele Navigasyon

Square Dot Nav

Dot nav with square-shaped dots.

#hover #shadow #border

Canlı incele Navigasyon

Vertical Left Dot Nav

Vertical dot navigation fixed to left side.

#hover #transform #shadow

Canlı incele Navigasyon

Vertical Right Dot Nav

Vertical dot navigation fixed to right side.

#hover #transform #shadow

Canlı incele Navigasyon

3D Perspective Drawer Navbar

Drawer with a 3D perspective active link lifting forward.

#hover #transform #shadow

Canlı incele Navigasyon

Brutalist Block Drawer Navbar

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

#hover #transform #shadow

Canlı incele Navigasyon

Floating Overlay Drawer Navbar

Floating drawer that overlays content without pushing it.

#hover #animation #transform

Canlı incele Navigasyon

Glow Edge Drawer Navbar

Drawer with a glowing active edge in indigo neon.

#hover #transform #shadow

Canlı incele Navigasyon

Neumorphic Panel Drawer Navbar

Drawer with soft neumorphic embossed styling.

#hover #shadow #border

Canlı incele Navigasyon

Blur Overlay Drawer Navbar

Drawer over a frosted blurred backdrop.

#hover #animation #gradient

Canlı incele Navigasyon

Dim Overlay Drawer Navbar

Drawer over a dimmed dark overlay backdrop.

#hover #animation #transform

Canlı incele Navigasyon

Pin Sticky Drawer Navbar

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

#hover #shadow

Canlı incele Navigasyon

Pinned Side Drawer Navbar

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

#hover #shadow #border

Canlı incele Navigasyon

Fading Dropdown Menu

The submenu drops a few pixels and fades in, staying open while the pointer is inside.

#hover #transform #shadow

Canlı incele Navigasyon

Floating Action Navbar

Navbar with floating action-style buttons.

#hover #gradient #transform

Canlı incele Navigasyon

Floating Glass Navbar

Detached floating glass navbar with strong blur.

#hover #shadow #border

Canlı incele Navigasyon

Floating Pill Navbar

Floating rounded pill navbar with a sliding active indicator.

#hover #shadow

Canlı incele Navigasyon

Frosted Edge Navbar

Frosted navbar with crystal edge highlight.

#hover #shadow #border

Canlı incele Navigasyon

Glassmorphism Navbar

Frosted glass navbar with backdrop blur and translucent background.

#hover #shadow #border

Canlı incele Navigasyon

Glow Pulse Navbar

Navbar with pulsing glow around active link.

#hover #animation #shadow

Canlı incele Navigasyon

Has-Selector Active Nav

Selecting a radio marks the item active and shifts the whole bar accent with :has().

#hover #shadow #border

Canlı incele Navigasyon

Holographic Navbar

Navbar with holographic gradient overlay.

#hover #animation #gradient

Canlı incele Navigasyon

Circle Icon Nav

Icon nav with circular icons.

#hover #gradient #transform

Canlı incele Navigasyon

Floating Icon Nav

Floating icon navigation with shadow.

#hover #gradient #transform

Canlı incele Navigasyon

Glow Icon Nav

Icon nav with glowing active icon.

#hover #shadow #border

Canlı incele Navigasyon

Horizontal Icon Nav

Horizontal icon-only navigation.

#hover #gradient #shadow

Canlı incele Navigasyon

Neon Icon Nav

Neon themed icon navigation.

#hover #shadow #border

Canlı incele Navigasyon

Vertical Icon Nav

Vertical icon navigation.

#hover #gradient #shadow

Canlı incele Navigasyon

Lift Soar Navbar

Links lift and soar upward with strong shadow projection.

#hover #transform #shadow

Canlı incele Navigasyon

Light Blur Navbar

Light navbar with translucent blur and soft glow.

#hover #gradient #shadow

Canlı incele Navigasyon

Light Clean Navbar

Clean white navbar with soft shadow and pill active state.

#hover #shadow

Canlı incele Navigasyon

Mega Shadow Navbar

Navbar with multiple layered shadows for depth.

#hover #shadow

Canlı incele Navigasyon

Hover Dropdown Menu

Dropdown menu revealed on hover.

#hover #transform #shadow

Canlı incele Navigasyon

Fade In Menu

Menu that fades in on toggle.

#hover #shadow

Canlı incele Navigasyon

Flyout Menu

Menu with flyout submenu on hover.

#hover #transform #shadow

Canlı incele Navigasyon

Horizontal Dropdown Menu

Horizontal menu with dropdown items.

#hover #transform #shadow

Canlı incele Navigasyon

Mega Menu

Large mega menu panel with multiple link groups.

#hover #transform #shadow

Canlı incele Navigasyon

Rotate In Menu

Menu that rotates in from corner.

#hover #transform #shadow

Canlı incele Navigasyon

Side Panel Menu

Side panel menu that opens from the right.

#hover #shadow

Canlı incele Navigasyon

Slide In Menu

Menu that slides in from the left.

#hover #transform #shadow

Canlı incele Navigasyon

Zoom In Menu

Menu that zooms in from trigger.

#hover #transform #shadow

Canlı incele Navigasyon

Mesh Gradient Navbar

Navbar with a layered mesh gradient background.

#hover #gradient #shadow

Canlı incele Navigasyon

3D Perspective Modal Navbar

Modal nav that flies in from depth using perspective translateZ.

#hover #animation #transform

Canlı incele Navigasyon

3D Flip In Modal Navbar

Centered modal nav that flips in on the Y axis with 3D depth.

#hover #animation #transform

Canlı incele Navigasyon

Fullscreen Modal Cover Navbar

Fullscreen modal cover with large centered nav links.

#hover #animation #transform

Canlı incele Navigasyon

Glass Popup Modal Navbar

Glassmorphism modal popup nav with frosted translucent surface.

#hover #animation #gradient

Canlı incele Navigasyon

Slide Down Modal Navbar

Centered modal nav that slides down from the top.

#hover #animation #gradient

Canlı incele Navigasyon

Zoom In Modal Navbar

Centered modal nav that zooms in from a smaller scale.

#hover #animation #gradient

Canlı incele Navigasyon

Neumorphic Navbar

Soft neumorphic navbar with extruded buttons.

#hover #shadow

Canlı incele Navigasyon

Ocean Blue Navbar

Ocean blue navbar with wave-like gradient.

#hover #gradient #shadow

Canlı incele Navigasyon

Circular Orbit Menu

Center button with menu items orbiting in a circle around it.

#hover #gradient #transform

Canlı incele Navigasyon

Planet Rotation Menu

Center sun with planet items rotating around it on a continuous orbit path.

#hover #animation #gradient

Canlı incele Navigasyon

Solar System Menu

Solar system layout with planets on concentric orbit rings of different speeds.

#hover #animation #gradient

Canlı incele Navigasyon

Dark Blurred Overlay Navbar

Dark overlay with heavy backdrop blur covering the page content.

#hover #animation #gradient

Canlı incele Navigasyon

Side Panel Tabs Navbar

Side panel with vertical tabs over a dimmed overlay.

#hover #animation #gradient

Canlı incele Navigasyon

Active 3D Pagination

Active page lifts in 3D perspective.

#hover #gradient #transform

Canlı incele Navigasyon

Active Pulse Pagination

Active page pulses with animation.

#hover #animation #shadow

Canlı incele Navigasyon

Active Rotate Pagination

Active page rotates slightly.

#hover #transform #shadow

Canlı incele Navigasyon

Active Scale Pagination

Active page scales up with bounce.

#hover #transform #shadow

Canlı incele Navigasyon

Active Shadow Pagination

Active page has deep shadow.

#hover #transform #shadow

Canlı incele Navigasyon

Circular Pagination

Pagination with circular number buttons.

#hover #gradient #transform

Canlı incele Navigasyon

Dots Pagination

Pagination as a row of dots with active state.

#hover #transform #shadow

Canlı incele Navigasyon

Floating Pagination

Pagination with floating shadow on hover.

#hover #transform #shadow

Canlı incele Navigasyon

Glow Pagination

Pagination with glowing active button.

#hover #shadow

Canlı incele Navigasyon

Gradient Pagination

Pagination with gradient active button.

#hover #animation #gradient

Canlı incele Navigasyon

Hover Glow Pagination

Numbers glow on hover.

#hover #shadow

Canlı incele Navigasyon

Load More Pagination

Single load more button pagination.

#hover #transform #shadow

Canlı incele Navigasyon

Load More Button Pagination

Stylized load more button with shimmer.

#hover #animation #gradient

Canlı incele Navigasyon

Neon Pagination

Dark neon themed pagination.

#hover #transform #shadow

Canlı incele Navigasyon

Number 3D Pagination

Numbers with 3D lift on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Number Circle Pagination

Numbers in circles with active highlight.

#hover #gradient #transform

Canlı incele Navigasyon

Number Grow Pagination

Active number grows larger than others.

#hover #transform #shadow

Canlı incele Navigasyon

Number Shrink Pagination

Inactive numbers shrink, active stays large.

#hover #transform #shadow

Canlı incele Navigasyon

Numbered Pagination

Classic numbered pagination with active highlight.

#hover #shadow

Canlı incele Navigasyon

Rounded Pagination

Pagination with rounded square buttons.

#hover #shadow

Canlı incele Navigasyon

Perspective Tilt Navbar

Active link lifts forward in 3D perspective with translateZ.

#hover #transform #shadow

Canlı incele Navigasyon

3D Pill Nav

Pill nav with 3D extruded active pill.

#hover #gradient #transform

#shadow etiketli efektler

Popüler etiketler