LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#border CSS efektleri

"border" etiketiyle eşleşen 3.831 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Loaders

Wave Bars

Six blue bars riding a sinusoidal wave up and down.

#gradient #animation #border

Canlı incele Loaders

Wheel Spin

Wheel with spokes spinning.

#animation #gradient #transform

Canlı incele Loaders

Whisk Spin

Kitchen whisk spinning to whip up a swirl of mixture.

#animation #transform #border

Canlı incele Loaders

Windmill Pinwheel

Four colored blades spinning around a central hub.

#gradient #animation #border

Canlı incele Loaders

Window Shutter

Window shutters opening and closing.

#animation #gradient #transform

Canlı incele Loaders

Wormhole

Wormhole tunnel with concentric rings.

#animation #transform #border

Canlı incele Navigation

3D Perspective Navbar

Navbar with 3D hover lift and perspective transform.

#hover #transform #shadow

Canlı incele Navigation

Arrow Circle Dot Navbar

Nav with circular dot arrow indicators on active items.

#hover #shadow #border

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

Aurora Background Navbar

Navbar with aurora-like animated gradient blobs.

#hover #animation #gradient

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

Brutalist Navbar

Raw brutalist navbar with thick borders and offset shadow.

#hover #transform #shadow

Canlı incele Navigation

3D Rotate Hamburger

Hamburger with full 3D rotation on hover.

#hover #transform #border

Canlı incele Navigation

Bounce Hamburger

Hamburger that bounces on hover.

#hover #animation #transform

Canlı incele Navigation

Circle Hamburger

Hamburger inside a circle that morphs on hover.

#hover #transform #border

Canlı incele Navigation

Flip Hamburger

Hamburger that flips on Y axis.

#hover #transform #border

Canlı incele Navigation

Morph to Arrow Hamburger

Hamburger that morphs into a left arrow.

#hover #transform #border

Canlı incele Navigation

Morph to X Hamburger

Hamburger menu icon that morphs to X on hover.

#hover #transform #border

Canlı incele Navigation

Rotate Hamburger

Hamburger with rotating lines on hover.

#hover #transform #border

Canlı incele Navigation

Spin Hamburger

Hamburger that spins 180 degrees on hover.

#hover #transform #border

Canlı incele Navigation

Square Hamburger

Hamburger inside a square that morphs on hover.

#hover #transform #border

Canlı incele Navigation

To Arrow Hamburger

Hamburger that becomes an arrow on hover.

#hover #transform #border

Canlı incele Navigation

To Close Hamburger

Hamburger that becomes an X close icon on hover.

#hover #transform #border

Canlı incele Navigation

To Dots Hamburger

Hamburger that becomes 3 vertical dots on hover.

#hover #transform #border

Canlı incele Navigation

To Grid Hamburger

Hamburger that becomes a 3x3 grid of dots on hover.

Canlı incele Navigation

To Minus Hamburger

Hamburger that becomes a minus line on hover.

#hover #transform #border

Canlı incele Navigation

To Plus Hamburger

Hamburger that becomes a plus sign on hover.

#hover #transform #border

Canlı incele Navigation

Center Logo Navbar

Navbar with the logo centered and split links.

#hover #transform #border

Canlı incele Navigation

Fuzzy Match Palette

Command palette that highlights matched letters in the query string.

Canlı incele Navigation

Keyboard Command Palette

Command palette where each item shows its keyboard shortcut hint.

#hover #shadow #border

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

Outline Arrow Breadcrumbs

Breadcrumbs with outlined arrow shapes.

Canlı incele Navigation

Chevron Outline Breadcrumbs

Breadcrumbs with outlined chevron shapes.

Canlı incele Navigation

Dashed Trail Breadcrumbs

Breadcrumbs with dashed connecting lines.

#hover #transform #border

Canlı incele Navigation

Dotted Trail Breadcrumbs

Breadcrumbs with dotted connecting lines.

#hover #transform #border

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

Triangle Tip Breadcrumbs

Breadcrumbs with triangle pointed tips.

#hover #gradient #transform

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

Glow Dot Nav

Dot nav with glowing active dot.

#hover #shadow #border

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

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

Cascading Multi Drawer Navbar

Multi-level cascading drawer with progressively indented levels.

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

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

Pinned Side Drawer Navbar

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

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

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

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

Gradient Border Navbar

Navbar with animated gradient border around active link.

#hover #animation #gradient

Canlı incele Navigation

Glow Icon Nav

Icon nav with glowing active icon.

#hover #shadow #border

Canlı incele Navigation

Neon Icon Nav

Neon themed icon navigation.

#hover #shadow #border

Canlı incele Navigation

Iris Aperture Zoom Nav

Iris aperture that zooms open to reveal nav links in the center.

#hover #gradient #transform

Canlı incele Navigation

Light Blur Navbar

Light navbar with translucent blur and soft glow.

#hover #gradient #shadow

Canlı incele Navigation

Monochrome Navbar

Black and white monochrome navbar.

Canlı incele Navigation

Neon Edge Navbar

Navbar with neon glowing edges.

#hover #transform #shadow

Popüler etiketler

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