CSS Based Tool Tip

Hello Folks!! I am back with another interesting post for you. I hope you find my previous post helpful to you. Today I will be sharing something interesting about Tool tips. As you all have seen on website these days, there are lot many tool tips available with different styles. Actually a Tool Tip is a message which appears when a cursor is positioned over an icon, image, hyperlink, or other element in a graphical user interface. This message may consist of some text, image, hyperlink or may be some audio, video files.

A basic tool tip consist mainly of three parts: some text, a different color background with borders and a pointer pointing towards some text on the webpage to which this tool tip is linked. Before CSS3 was introduced, tool tips were designed and induced using some scripting in web pages. Since CSS3 can in existance, it has became quite easy to design a tool tip. Today I am sharing some very basic tool tips created using CSS3 and HTML only. Their is no use of JavaScript. To see more check out the demo file attached with this post.

     

Advertisements

3 thoughts on “CSS Based Tool Tip

  1. Great web site you’ve got here.. It’s difficult tto find quality
    writing like yours nowadays. I seriously appreciate
    people like you! Take care!!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s