Tooltip Direction* - (exactly one direction is required for the tooltip to display)
No Animation
Animations can be disabled by apply the data-cooltipz-static attribute or the .cooltipz--static class. Cooltipz.css also use the prefers-reduced-motion media query, so when the user's preferences indicate reduced motion, Cooltipz.css automatically disables animation.
Always Visible
You can add the data-cooltipz-visible attribute or the .cooltipz--visible class to make the tooltip always show, even if the user isn't hovering or focusing it.
You can make the tooltips show programatically by using the setAttribute() JavaScript function.
Sizes
Customisation
Expose 5 CSS variables: --cooltipz-bg-color, --cooltipz-text-color, --cooltipz-font-size, --cooltipz-slide, --cooltipz-border-radius.