Looking for something?

Tooltip ( Shortcode )

Tooltip

Tooltips are a great way to show your user more information by simply hovering over an image or text. They can be used, for example, to provide captions for images, or longer descriptions for links, or any useful information which would improve the user experience of your site, without intruding on the design.
Today I’m going to show you how to create a simple tooltip using HTML and CSS to display the title tag of your hyperlinks

example:

  1. Tooltip Top
  2. Tooltip Right
  3. Tooltip Bottom
  4. Tooltip Left

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making

SoftHopper

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae nibh nisl. Cras et mauris eget lorem ultricies ferme ntum a in diam. Morbi mollis pellen tesque aug ue nec rhoncus. Nam ut orci augue. Lorem ipsum dolor sit amet, consectetr forem ipsum dolor adipiscing elit.