Show menu on image hover
Display a menu overlay when the user hovers over an image.
Browse snippets by collection or check out our top picks and latest articles below.
Display a menu overlay when the user hovers over an image.
Learn how you can create a card that displays additional content on hover.
Create a progress bar indicating the scroll percentage of the page, using CSS and JavaScript.
Zoom in and rotate your images on hover and make them stand out.
Learn how to display an image overlay effect on hover using CSS.
Create a custom hover and focus effect for navigation items, using CSS transformations.
Learn how you can leverage the Proxy object to use a JavaScript object the same way as you would use a regular array.
Discover the inner workings of JavaScript arrays and learn about the different ways to initialize them.
Create a horizontally or vertically scrollable image gallery.
Create cards with hover effects, such as rotating, shifting and perspective transforms.
Learn how JavaScript handles mutable data, such as objects and arrays, and understand how shallow cloning and deep cloning work.
Easily remove duplicates from a JavaScript array using the built-in Set
object, and learn a few other tricks along the way.