LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 9.078 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

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 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 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

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

Canlı incele Navigation

Floating Pill Navbar

Floating rounded pill navbar with a sliding active indicator.

Canlı incele Navigation

Forest Green Navbar

Forest green navbar with earthy tones.

#hover #gradient #shadow

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

Glow Line Navbar

Navbar with neon glowing line under active link.

#hover #animation #shadow

Canlı incele Navigation

Glow Pulse Navbar

Navbar with pulsing glow around active link.

#hover #animation #shadow

Canlı incele Navigation

Gradient Border Navbar

Navbar with animated gradient border around active link.

#hover #animation #gradient

Canlı incele Navigation

Gradient Flow Navbar

Navbar with an animated gradient background flowing across links.

#hover #animation #gradient

Canlı incele Navigation

Holographic Navbar

Navbar with holographic gradient overlay.

#hover #animation #gradient

Canlı incele Navigation

Circle Icon Nav

Icon nav with circular icons.

#hover #gradient #transform

Canlı incele Navigation

Floating Icon Nav

Floating icon navigation with shadow.

#hover #gradient #transform

Canlı incele Navigation

Glow Icon Nav

Icon nav with glowing active icon.

#hover #shadow #border

Canlı incele Navigation

Gradient Icon Nav

Icon nav with animated gradient background.

#hover #animation #gradient

Canlı incele Navigation

Horizontal Icon Nav

Horizontal icon-only navigation.

#hover #gradient #shadow

Canlı incele Navigation

Neon Icon Nav

Neon themed icon navigation.

#hover #shadow #border

Canlı incele Navigation

Vertical Icon Nav

Vertical icon navigation.

#hover #gradient #shadow

Canlı incele Navigation

Iris Aperture Spin Nav

Iris aperture blades that spin open like a camera shutter on hover.

#hover #transform

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

Jello Wiggle Navbar

Links wiggle like jello with a skew-based animation on hover.

#hover #animation #transform

Canlı incele Navigation

Lift Soar Navbar

Links lift and soar upward with strong shadow projection.

#hover #transform #shadow

Canlı incele Navigation

Light Blur Navbar

Light navbar with translucent blur and soft glow.

#hover #gradient #shadow

Canlı incele Navigation

Light Clean Navbar

Clean white navbar with soft shadow and pill active state.

Canlı incele Navigation

Liquid Morph Tab Navbar

Active tab morphs between links like a liquid blob.

Canlı incele Navigation

Magnetic Pull Navbar

Links magnetically grow toward the hovered item while neighbors shrink back.

#hover #transform #shadow

Canlı incele Navigation

Mega Shadow Navbar

Navbar with multiple layered shadows for depth.

Canlı incele Navigation

Mesh Gradient Navbar

Navbar with a layered mesh gradient background.

#hover #gradient #shadow

Canlı incele Navigation

Minimal Underline Navbar

Underline-only navbar with thin animated indicator.

Kategoriye göre gez

Butonlar Kartlar Yükleyiciler Metin Arka Planlar Onay Kutuları Anahtarlar Hover Rozetler Formlar Navigasyon İpuçları

Popüler etiketler

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