Canlı incele Navigasyon
#gradient CSS efektleri
"gradient" etiketiyle eşleşen 5.189 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele Navigasyon
Iris Aperture Zoom Nav
Iris aperture that zooms open to reveal nav links in the center.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Blurred Backdrop Modal Navbar
Centered modal nav over a heavily blurred colored backdrop.
Canlı incele Navigasyon
Glass Popup Modal Navbar
Glassmorphism modal popup nav with frosted translucent surface.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Circular Orbit Menu
Center button with menu items orbiting in a circle around it.
Canlı incele Navigasyon
Planet Rotation Menu
Center sun with planet items rotating around it on a continuous orbit path.
Canlı incele Navigasyon
Ring Spin Menu
Menu items arranged on a ring that continuously rotates with hover-pause.
Canlı incele Navigasyon
Solar System Menu
Solar system layout with planets on concentric orbit rings of different speeds.
Canlı incele Navigasyon
Dark Blurred Overlay Navbar
Dark overlay with heavy backdrop blur covering the page content.
Canlı incele Navigasyon
Bottom Sheet Handle Navbar
Bottom sheet with a draggable handle and pull-up indicator.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Glow Trail Step Nav
Stepper with a glowing trail line that pulses along the active path.
Canlı incele Navigasyon
Milestone Marker Nav
Horizontal milestone track with markers that pop up on hover.
Canlı incele Navigasyon
Progress Ring Tracker Nav
Vertical step tracker with circular progress rings on each milestone.
Canlı incele Navigasyon
Vertical Timeline Nav
Timeline nav with a center spine and milestone dots that activate on hover.
Canlı incele Navigasyon
Ribbon Banner Curl Nav
Active ribbon banner with a curled corner peeling up on hover.
Canlı incele Navigasyon
Ribbon Banner Flow Nav
Decorative ribbon banner that flows across the top of the nav items.
Canlı incele Navigasyon
Ribbon Flag Wave Nav
Active tab styled as a waving flag ribbon extending below the link.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Scroll Progress Bar
A reading progress bar driven by scroll-linked animation, with no script at all.
Canlı incele Navigasyon
Canlı incele Navigasyon
Fill Segmented Control
Segmented control with a left-to-right color fill on the active segment.
Canlı incele Navigasyon
Pill Segmented Control
Segmented control with a sliding pill background that follows selection.
Canlı incele Navigasyon
Back Arrow Sheet Navbar
Sheet with a back arrow navigation button at the top.
Canlı incele Navigasyon
Canlı incele Navigasyon
Grip Handle Sheet Navbar
Bottom sheet with a prominent grip handle and drag indicator.
Canlı incele Navigasyon
Shutter Blade Close Nav
Camera shutter blades that close in to hide nav, opening on hover.
Canlı incele Navigasyon
Shutter Blade Open Nav
Shutter blades that open outward radially to reveal nav links.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Slant Gradient Flow Navbar
Slanted nav with an animated gradient background flow.
Canlı incele Navigasyon
Slant Rotate Tilt Navbar
Nav with the entire bar slightly rotated for a tilted slant.
Canlı incele Navigasyon
Canlı incele Navigasyon
Split Half Divider Navbar
Nav split into two halves with a central vertical divider.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Stamp Ink Rotate Nav
Active link shows a rotated ink stamp badge with skewed impression.
Canlı incele Navigasyon
Stamp Paper Fold Nav
Paper sheet nav with folded corner revealing the active item underneath.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Text Gradient Shift Link Navbar
Hovered links shift a gradient text fill smoothly across the letters.
Canlı incele Navigasyon
Text Rainbow Flow Navbar
Active link text flows through a rainbow gradient animation.
Canlı incele Navigasyon
Vertical Tab Fill Bg
Vertical tabs with a sliding colored fill background on hover.
Canlı incele Navigasyon
Vertical Tab Pill Morph
Vertical tabs where the active pill morphs smoothly between items.
Canlı incele Navigasyon
Vertical Tab Progress Bar
Vertical tabs with an active progress bar fill on the active item.
Canlı incele Navigasyon
Circle Mask Wipe Nav
Active indicator revealed by a circle that expands outward from the link.
Canlı incele Navigasyon
Wipe Right Reveal Nav
Active tab revealed by a rightward wipe sweeping across the nav bar.
Canlı incele İlerleme
Aurora Queue Progress
An upload queue where three files each carry their own track, ratio and percentage read out.
Canlı incele İlerleme
Basalt Cells Progress
Twelve separate basalt cells act as one bar; eight of them are lit for the current value.