Live preview Navigation
Floating Overlay Drawer Navbar
Floating drawer that overlays content without pushing it.
#hover CSS effects
2,879 free, pure-CSS effects match the "hover" tag. Each is copy-ready and needs no library or build step.
Live preview Navigation
Glass Panel Drawer Navbar
Drawer with frosted glass panel styling over a colored background.
Live preview Navigation
Live preview Navigation
Gradient Panel Drawer Navbar
Drawer with a gradient panel background and active indicator.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Nested Accordion Drawer Navbar
Accordion drawer with expandable sections revealing sub-links.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Pinned Side Drawer Navbar
Pinned left-side drawer that persists beside the main content.
Live preview Navigation
Push Content Right Drawer Navbar
Right drawer pushes the main content leftward when opening.
Live preview Navigation
Live preview Navigation
3D Left Drawer Navbar
Left drawer with 3D perspective slide revealing main nav beside it.
Live preview Navigation
Live preview Navigation
Square Sharp Drawer Navbar
Drawer with sharp square corners and bold contrast.
Live preview Navigation
Stack Cards Drawer Navbar
Drawer with stacked card-style links that fan out on hover.
Live preview Navigation
Sticky Side Drawer Navbar
Sticky left drawer that stays in place during scroll.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Horizontal Flip Navbar
Links flip horizontally (Y-axis) on hover for a side reveal.
Live preview Navigation
Vertical Flip Navbar
Links flip vertically (X-axis) on hover for a top-down reveal.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Glassmorphism Navbar
Frosted glass navbar with backdrop blur and translucent background.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Gradient Border Navbar
Navbar with animated gradient border around active link.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Iris Aperture Spin Nav
Iris aperture blades that spin open like a camera shutter on hover.
Live preview Navigation
Iris Aperture Zoom Nav
Iris aperture that zooms open to reveal nav links in the center.
Live preview Navigation
Jello Wiggle Navbar
Links wiggle like jello with a skew-based animation on hover.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Magnetic Pull Navbar
Links magnetically grow toward the hovered item while neighbors shrink back.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
3D Perspective Modal Navbar
Modal nav that flies in from depth using perspective translateZ.
Live preview Navigation
Blurred Backdrop Modal Navbar
Centered modal nav over a heavily blurred colored backdrop.
Live preview Navigation
3D Flip In Modal Navbar
Centered modal nav that flips in on the Y axis with 3D depth.
Live preview Navigation
Fullscreen Modal Cover Navbar
Fullscreen modal cover with large centered nav links.
Live preview Navigation
Glass Popup Modal Navbar
Glassmorphism modal popup nav with frosted translucent surface.
Live preview Navigation
Rotate Spin In Modal Navbar
Modal nav that rotates into view with a slight spin.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Circular Orbit Menu
Center button with menu items orbiting in a circle around it.
Live preview Navigation
Planet Rotation Menu
Center sun with planet items rotating around it on a continuous orbit path.
Live preview Navigation
Radial Burst Menu
Items burst outward radially from a center trigger with staggered timing.
Live preview Navigation
Ring Spin Menu
Menu items arranged on a ring that continuously rotates with hover-pause.
Live preview Navigation
Solar System Menu
Solar system layout with planets on concentric orbit rings of different speeds.
Live preview Navigation
Dark Blurred Overlay Navbar
Dark overlay with heavy backdrop blur covering the page content.
Live preview Navigation
Bottom Sheet Handle Navbar
Bottom sheet with a draggable handle and pull-up indicator.
Live preview Navigation
Dark Fade Overlay Navbar
Side panel nav with a fading dark overlay backdrop.
Live preview Navigation
Fullscreen Menu Overlay Navbar
Full-screen overlay menu with large editorial typography links.
Live preview Navigation
Aurora Gradient Overlay Navbar
Modal nav over an aurora gradient animated background.
Live preview Navigation
Light Fade Overlay Navbar
Side panel nav with a fading light translucent backdrop.
Live preview Navigation