PlaceholderCss Explanation Of Different Points Of The Image

Cat Tips

15.03.2021

Made with: HTML,CSS (SCSS)

View Code

PlaceholderCat Tips

Interactive Image Hotspot

30.04.2020

Made with: HTML,CSS

View Code

PlaceholderInteractive Image Hotspot

Css Hotspots With Pulse Effect

2.10.2019

Pure CSS responsive hotspots with pulse effect. Pulse effect made with CSS animation and transform: scale().

Made with: HTML,CSS

View Code

PlaceholderCss Hotspots With Pulse Effect

Hotspots

25.06.2019

Made with: HTML,CSS

View Code

PlaceholderHotspots

Hotspots

27.11.2018

HTML and CSS hotspots with modal window.

Made with: HTML,CSS

View Code

PlaceholderHotspots

Hotspot Labels

9.10.2018

Hotspot labels for email in HTML and CSS.

Made with: HTML,CSS

View Code

PlaceholderHotspot Labels

Interactive Web Accessibility Cheat Sheet With Hotspots

29.08.2018

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.

Made with: HTML,CSS,JavaScript

View Code

PlaceholderInteractive Web Accessibility Cheat Sheet With Hotspots

Image Hotspots Mobile Friendly

3.06.2018

Interactive hotspots - click or tap to see labels. Labels can be positioned so the hotspot is attached to any corner.

Made with: HTML,CSS (SCSS),JavaScript

View Code

PlaceholderImage Hotspots Mobile Friendly

Hotspots Flip

1.11.2017

Simple card flip for hotspots using GSAP. Works in IE 10+, Chrome, Firefox, and Safari. Has IE 9 fall back (just opens card).

Made with: HTML

View Code

Hotspots Flip

Image Hotspots

27.07.2017

Image hotspots with gallery.

Made with: HTML/Pug

View Code

Image Hotspots

Simple Hotspots

8.08.2016

Simple hotspots with HTML, CSS and JS.

Made with: HTML

View Code

Simple Hotspots