Hint.css

hint.css is written as a pure CSS resource using which you can create cool accessible tooltips for your web app. It does not rely on JavaScript but rather uses aria-label/data- attribute*, pseudo-elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention, particularly for the modifiers. Hint.css is a pure CSS tooltip library for your lovely websites. Upgrading from v1.x, If you are already using v1.x, you may need to tweak certain position classes because of the way tooltips are positioned in v2. All you need to do is give your element any position class and tooltip text using the aria-label attribute. Note, if you don't want to use aria-label attribute, you can also specify the tooltip text using the data-hint attribute, but its recommended to use aria-label in support of accessibility. If you are already using v1.x, you may need to tweak certain position classes because of the way tooltips are positioned in v2.