Show beautiful tooltip on hover with HTML & CSS only

October 2, 2015

2,744 views

2 min read

WE have recently covered an article on how to add image previews for hovered links. That was cool and more importantly it improved the user experience. In this post we are discussing another great feature that shows tooltip for texts or links or whatever . To implement it, all you need to do is add some HTML tags to and some CSS. There is no need for javascript thereby makes the page load faster.
See the codepen demo by clicking the image below.