前の記事 ≪:多言語のサイトやアプリケーションの作成に無料で使える「String」
次の記事 ≫:黒ベースのハイクオリティなWordPressテーマ集20

CSSだけで実装するアイコン付きのセクシーなツールチップ作成チュートリアル

2010年06月18日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Sexy Tooltips with Just CSS

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



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

関連エントリ
関連の記事検索:CSS, チュートリアル, ツールチップ, Web制作
スポンサード リンク

By.KJ : 2010年06月18日 10:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)