If you want to draw hotspots around certain areas of the image and use it as navigation, then you are in the right place. Here is the collection of best and free CSS/CSS3 hotspot code examples for the developers.
Image CSS Hotspots Concept with Vue – by Irko Palenius
When you hover to the hotspots, it will reveal a message related to the region. It will be a great way to onboard users in your websites.
Responsive Hotspots on the Map – by Joe
Hotspots Flip – by Tomas Cordero
Image Hotspots – by Jon Stuebe
Image Hotspots in Background – by Vinicius Sueiro
CSS Hotspots Interior and Exterior – by Themarkappleby
Pulsating Hotspot UI Element – by Matthias Ott
This one is very nice, where the hotspot has a nice ring. That will be radiated out for every seconds and stops when your hover over the hotspot. It can be useful to catch the viewer’s attention to a specific section on the image.
Tracking Hotspots on a 360˙ Slider with CSS3D – by Craig Morey
Magnifier Infographic with Hotspots – by Rik Roots
Move cursor, or drag finger, over panel to reposition magnifier and reveal hotspot labels.