You can use CSS to create some pretty cool hover effects. In this collection, we'll look at some popular techniques for creating hover effects to spice up your next web project.
Displays an image overlay effect on hover.
Displays a menu overlay when the user hovers over the image.
Creates a card that displays additional content on hover.
Creates a rotate effect for the image on hover.
Creates a two sided card which rotates on hover.
Applies a perspective transform with a hover animation to an element.
Creates an animated underline effect when the user hovers over the text.
Reveals an interactive popout menu on hover/focus.
Creates a custom hover and focus effect for navigation items, using CSS transformations.
A hover effect where the gradient follows the mouse cursor.