The goal of the tooltip is to show information on things when you hover over them and they are perpetual. Tooltips are common for providing hints on how to use different parts of a web app. It is easy to add and it helps users understand the app more. They’re also useful for display long text that would be too long. There are many Javascript plugins for doing tooltips, but sometimes, the simplest solution is the best. So here in post I’ve collected some of great tooltip examples for inspiration to implement great looking tooltips purely in CSS.

CSS Directional Tooltips

CSS Tooltip Smooth Animation

Pure CSS Tooltip

New Zealand Visual Itinerary

Animated CSS Tooltip Concept

Tooltip Animation

Button With Tooltip

Single Element Tooltip

Pure-css Tooltips

Simple CSS Tooltips

Friendly Little Tooltips

Tooltips Over SVG Social Icons

Automation Tooltips With Simple Data Attributes

Cooltipz.css – Cool Tooltips Made From Pure CSS

Super Simple CSS Tooltips

Pure CSS Tooltips

Tooltips

CSS Only Tooltips

Adaptive Tooltips

Quick CSS3 Tooltips