Floating tooltip
Using the JSON configs, you can create floating tooltips that don't highlight a specific element:
introJs().setOptions({
steps: [{
title: 'Welcome',
intro: 'Hello World! 👋'
},
{
intro: '<img src="https://i.giphy.com/media/ujUdrdpX7Ok5W/giphy.webp" onerror="this.onerror=null;this.src="https://i.giphy.com/ujUdrdpX7Ok5W.gif" alt="">'
},
{
element: document.querySelector('.card-demo'),
intro: 'This step focuses on an element'
}]
}).start();