Sexy Tooltips with Just CSS

CSSだけで実装するアイコン付きのセクシーなツールチップ作成チュートリアルが公開されています。
アンカータグ等にカーソルを合わせた際、次のようなツールチップをアイコン付きで表示することが出来ます。



人によっては、JavaScript 使っててもいいという方もいると思いますが、実装する際には一番実装しやすい方法を選べばよいとして、CSSの学習教材として使えそうですね。

関連エントリ

• 画像なしで実現するCSS吹き出しツールチップ実装サンプル色々
• タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」
• スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」