HTML and CSS hotspots with modal window.
- HTML / CSS
Hotspot labels for email in HTML and CSS.
- HTML / CSS
INTERACTIVE WEB ACCESSIBILITY CHEAT SHEET WITH HOTSPOTS
15 quick tips to improve the web accessibility of your web pages. Some of them may seem obvious and more based on usability, but still they are important, make the web more accessible… and they are easy to implement.
IMAGE HOTSPOTS MOBILE FRIENDLY
Interactive hotspots – click or tap to see labels. Labels can be positioned so the hotspot is attached to any corner.
Simple card flip for hotspots using GSAP. Works in IE 10+, Chrome, Firefox, and Safari. Has IE 9 fall back (just opens card).
Image hotspots with gallery.
- CSS/Sass (font-awesome.css)
Image Hotspot Concept With Vue.js
Image hotspot experiment using Vue and flickity carousel. Not really optimized for mobile… Sorry. 🙂
Made by Irko Palenius
Draggable Image Hotspots
Click on the image to create hotspots. Drag to change positions.
Made by Michael Wilhelmsen
Responsive Map Hotspots
Made by Dan Coolbeth
JWS Hotspot Module
Made by Jose (Machinas)
Tracking hotspots on a 360˙ slider with CSS 3D.
Made by Craig Morey
Hotspots In 3D
Made by Armand
Simple hotspots with HTML, CSS and JS.
Animated ViewBox Data Visualization
Showing how animating the viewbox retains context and helps with revealing animation for data visualization.
Made by Sarah Drasner
Centered Background Image With Hot Spots
Fully responsive! Also, animal.
Made by Adam Grayson
Pure CSS image hostspots.
Made by Samiullah Khan
HTML and CSS hotspots experiments.
Made by Gabin Aureche
HTML and CSS hotspot experiments.
Made by Phil Carter
SVG Hotspot/Play Button Animation
Hotspot/Play button animation. Prototype made with TimelineMax.js.
Made by Robert Bue
Hotspot button in HTML and CSS.
Made by Shannon Smith