Tooltips are normally used for providing some kind of extra information and they can be found in almost every website. Those tiny little helpers offer a great opportunity to add some subtle and unique effects to any design.
This is a s small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes you can create modern looking and interesting tooltips.

[gpp_button color=”blue” url=”http://tympanus.net/Development/TooltipStylesInspiration/” title=”Tooltip Styles” icon_left=”external” target=”_blank” size=”medium” display=”inline”]DEMOS[/gpp_button] [gpp_button color=”blue” url=”http://tympanus.net/codrops/2014/10/07/tooltip-styles-inspiration/” title=”Tooltip Styles” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]TUTORIAL[/gpp_button]