Simple Pure CSS Dropdown Menu

Menu with dropdown made only in CSS, with a line that follow the hover on the line.
Visit

Recursive Hover Navigation

Only CSS recursive hover nav.
Visit

Pure CSS “Spin-Out” Menu

Hover the menu and all of it's items flare out!
Visit

CSS Radial Menu

Hover the burger to expand radial menu. Only CSS with transitions and transfroms. The radial menu system is responsive according to the viewport height/width.
Visit

Fixed Navigation Hover Effect

Fixes sidebar menu concept with a pseudo element hover effect using CSS transition.
Visit

Sidebar Menu CSS

CSS sidebar menu with hover show/hide.
Visit

Fixed Hover Navigation

Fixed sidebar drawer navigation, that expands on hover.
Visit

Menu Hover Slide Fill

Visit

Menu with Scroll Effects

App Menu menu with scroll & hover effects.
Visit

Animated Underline Hover

Created an animated underline when you hover over a link.
Visit

Horizontal Navigation Effects

Beautiful hover effects for horizontal navigation.
Visit

Lavalamp CSS Menu

Horizontal CSS menu with lavalamp hover effect.
Visit

Strikethrough Hover Effect for Menu

Hover effect for menu links. Use only one pseudo-element on link.
Visit

Menu Hover Line Effect

Nice and simple horizontal menu with hover line effect in HTML and CSS.
Visit

Hover Effect for Horizontal Menu

Pure CSS fading out for siblings menu options on option hover.
Visit

Navbar with Tooltip on Hover

Visit

Vertical Menu with Gooey Effect on Hover

Visit

Menu with Speed Gauge Effect

A vertical menu with gooey effect on hover.
Visit

Split Animation on Hover with Single Element

Split animation with single HTML element and CSS.
Visit

Creative Menu Hover Effects

Visit

Pac-Man CSS Pagination

Pure CSS Pac-Man pagination with animation on hover.
Visit

Line Pagination with Hover

Pure CSS line pagination with hover effect.
Visit

Menu with Hover Reveal

Hover to see the effect.
Visit

Hover Effect for Headers

8 hover effects for header in HTML and CSS.
Visit

Dynamic.css

Dynamic.css is a bunch of awesome, cross-browser CSS animations to use in any project. It's perfect to animate incoming and leaving web page elements, but it also could be useful for sliders, :hover handlers and all kind of general use.
Visit

Catto-CSS

Catto-CSS is an online CSS animations library that simplifies the process of adding animations to a website or web application. It allows developers to use the source code without the need to install any dependencies, making it a convenient tool for web projects. Catto-CSS supports a wide range of animations. These include hover, automatic, infinity, and scroll animations.
Visit

Social Card Hover

Visit

Hover Effect Blur

Visit

Blur Buttons

Buttons blur on or un-blur on hover.
Visit

Shiny Book Reveal

3D hover effect to open a book and reveal the synoposis of the book.
Visit
© 2025 FrontendPik