Tooltip Styles Inspiration CSS , SVG shapes (Tutorial included)

      

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.

TooltipStylesInspiration

DEMOS    TUTORIAL