PURE CSS TOOLTIP
Simple CSS only flyout tooltip.
A Nice tooltip.
Simple Tooltips CSS3
Simple tooltip that makes use of a data- attribute and pseudo elements to show text on hover.
A basic example of a pure CSS tooltip. The content is loaded from a data attribute on the anchor tag itself.
Classic tooltips handled by HTML and CSS alone. Using data- attribute to store our tip message and pseudo-elements to display that message.
A simple tooltip popup with a drop-shadow filter.
Pass in tooltip text with pseudo classes and the content:“; CSS property. The text changes will transition with the button state.
A Sex Tooltip Pagination.
Pure CSS Tooltip
HTML and CSS tooltips.
Tooltips with a circular reveal. Based on the Google Keep tooltips.
Easy tooltips with Sass.
You don't need to put every single tooltips tag to your markup, you just need to put "data-tooltips" for the message and "data-position" for positioning the tooltips to the element that you want to highlights.