jQuery InterActiveTooltipPopover Demo

<button
data-tooltip="Classic Light - Top"
data-tooltip-style="classic-light"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="Dark Mode - Top"
data-tooltip-style="dark-mode"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="Gradient Glow - Top"
data-tooltip-style="gradient-glow"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="Minimal Line - Top"
data-tooltip-style="minimal-line"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="Rounded Bubble - Top"
data-tooltip-style="rounded-bubble"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="Card Style - Top"
data-tooltip-style="card-style"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="Glassmorphism - Top"
data-tooltip-style="glassmorphism"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="3D Shadow - Top"
data-tooltip-style="shadow-3d"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="Animated Border - Top"
data-tooltip-style="animated-border"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="Fade-In - Top"
data-tooltip-style="fade-in"
data-tooltip-direction="top"
data-tooltip-mouse-follow (optional)
>Top</button>

<button
data-tooltip="Slide-Up - Top"
data-tooltip-style="slide-up"
data-tooltip-direction="top"
>Top</button>

<button
data-tooltip="Bounce - Top"
data-tooltip-style="bounce"
data-tooltip-direction="top"
>Top</button>

<button
data-tooltip="Zoom-In - Top"
data-tooltip-style="zoom-in"
data-tooltip-direction="top"
>Top</button>