A small collection of simple and beautiful CSS hover tooltips. Tooltips are a great way to provide additional information to your users.
Tutorial “How To Create Animated Tooltips With CSS3“
How to create some simple, animated tooltips using CSS transitions and the pseudo-classes :before and :after. Made by Mary Lou. February 1, 2012.
Tutorial “Tooltip Styles Inspiration“
A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking and interesting tooltips. Made by Mary Lou. October 7, 2014.
Made by Scott Hutcheson . May 12, 2016.
Made by Arlina Design . April 29, 2016.
Made by Umar Hamza . March 19, 2016.
Based on the Google Keep tooltips. These tooltips can come from the top, bottom, left, or right. Made by Kyle Lavery . March 4, 2016.
Made by Matthias Martin . February 17, 2016.
Simple CSS Only Tooltip
Made by Matt Stvartak . February 3, 2016.
Tooltip With Pseudo-element
Classic tooltip made with CSS pseudo-element. Made by Twikito . October 25, 2015.