Color Modifiers
Size variations
Extra
Hmm...So you don't like sharp edges?
aria-label
attributesFirst get the library from the github repo. Then in your HTML include the library CSS:
<link rel="stylesheet" href="hint.css">
Now, all you need to do is give your element any position class and tooltip text using the aria-label
or data-hint
attribute:
Hello Sir, <span class="hint--bottom" aria-label="Thank you!">hover over me.</span>
Use it with other available modifiers in various combinations. Available modifiers: hint--error
,
hint--info
, hint--warning
, hint--success
, hint--rounded
and
hint--bounce
.