A tooltip is a small snippet of text that is displayed when you hover your mouse over a link or a control.  Tooltips do not usually appear on smartphones, mainly as there is no cursor.  They are one of those design elements that you know subconsciously are there but in most cases, you do not take notice of them.

Tooltip as a Tag

Hover over the sentence below!

TooltipWorks when you hover over it is a snippet of text

Absolute Tooltips

The tooltip is positioned in an absolute position.

Hover over the sentence below!

Tooltip the tip appears in an absolute position is a snippet of text.

Rounded Tooltip

Hover over the sentence below!

Rounded Tooltiplook softer rounds out the corners of a rectangle

teamSimon is a Sydney based digital designer. He is the Director of a boutique digital design studio, Bailey Street Design located in the vibrant inner west suburb of Newtown.  Simon studied graphic design at Shillington College and specialises in web design for small and medium size businesses.  Simon and his team (Toby the studio dog) are passionate about visual communication in the digital environment


If you would like a hand with a design project please Get in Touch ⟶

If you enjoyed this post you may also be interested in;

Typography in Web Design

The Advantage of white space

Adobe demonstrates variable fonts

Kansei Engineering Applied to Web Design

DuckDuckGo another way to search







Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.