Cooltipz.css Test File

Cool tooltips made from pure CSS

Checklist


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. Cooltipz.css also use the prefers-reduced-motion media query, so when the user's preferences indicate reduced motion, Cooltipz.css automatically disables animation.


Customisation

Expose 4 CSS variables: --cooltipz-bg-color, --cooltipz-text-color, --cooltipz-font-size, --cooltipz-slide.