今天我們將分享一系列CSS3的工具提示教程。工具提示經常用來顯示額外的信息。當我們創建網站上的鏈接時，我們都需要添加title來幫助SEO。這些title將會能夠在鼠標hover的時候能顯示，但是沒有非常漂亮的樣式。

Bubble Point Tooltips with CSS3 & jQuery

這里Chris Coyier展示了如何使用CSS3和jQuery來重新創建氣泡式的工具提示

CSS3 Tooltips 

在這個教程中你將學習如何創建你自己的CSS工具提示，無圖片和JS

How to Create Script-Free CSS3 Tooltips

我們將使用純CSS3創建一些超棒的工具提示，然后我們將創建一個手機友好的版本，我們將使用一個小js fix - IE9.js

How to Create Link Tooltips Using CSS3 and JQuery

使用純CSS3創建一個工具提示

How to create animated tooltips with CSS3

在這篇文章中，我們將使用CSS變化來創建簡單，動畫的工具提示，并且使用偽類 :before和:after

Pure CSS speech bubbles

Twitter like tooltip with transition effect with CSS3

在這個教程中，我們將學習如何使用CSS動畫/變化來創建Twitter類似的工具提示

原文：http://www.gbin1.com/technology/css/20120210css3tooltiptutorials/

【編輯推薦】

1. 使用HTML 5和CSS3制作登錄頁面完整步驟
2. 通過CSS3 Media Query實現響應式Web設計
3. 50個***CSS3教程感恩大放送
4. 使用HTML 5/CSS3五步快速制作便簽貼特效
5. HTML 5 & CSS3的新交互特性