Image tooltip hotspot

Tips
1

Here is a short video on how to create a hover hotspot effect on an Image block, with the use of absolutely placed divs with tooltips applied: https://www.youtube.com/watch?v=-sOaEMeWXPQ

hotspot

Here is the custom CSS used in the video:

@keyframes pulse {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  40% {
    transform: scale(1.25, 1.25);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
2 Likes
2

Thank you. Is it possible to create a hotspot that contains cwicly elements? not just a text?

3

That’s very easy to achieve with Cwicly @kris.
Instead of a tooltip, you want to use the popover block. You can place any block you require inside of it.

1 Like