画像を使わず、CSS+jQueryで絵文字を作れる・JQuery CSS Emoticonsがちょっと素敵だｗ

これはちょっと面白いｗ画像を使わず、cssとjQueryだけで顔文字を作ってしまったみたいです。発想が単純だったのでうまく応用出来れば楽しいものが出来あがりそうな予感もしますな。面白い事考える人がいますね・・ｗ CSS+jQuery（と、もちろんHTML）のみで、画像は一切使われていません。ちょっとこの発想なかったです。ユニークですけど、割と使い勝手がいい気がする・・気のせいかなｗ 一見よく見かけるアイコンだと思うんですけど、これ、全部cssとテキストとjsで作られています。 からくり こういう発想。単純だけど思いつきませんでしたｗなので、以下のようにテキストとして選択できます。 :Ｄとか:ｐを縦にして、グラデーションのかかった黄色い枠を作れば完成ですね。 コード<link href="stylesheets/jquery.cssemoticons.css" media="screen"

[yasu00000]

[][emotions][zootool_imported]

[gorittomori]

複数並べられたコンテンツ

[glat_design]

凄いこと考える人がいるもんだな…使ってみたい

[ishikari]

絵文字

[karakuriko]

顔文字

[Eimelle555]

WebKit系のブラウザだとアニメーションまで完璧に動作。Firefox4だとアニメーションなし。IE8は当たり前だけど動作せず。こういう遊び心ってサイト作るとき大事だよね。

[nors]

http://www.alfajango.com/blog/jquery-css-emoticons-plugin/

[yocchan731]

これは面白い．

[hiroshi_revolution]

画像を使わず、CSS+jQueryで作られた絵文字・JQuery CSS Emoticonsがちょっと素敵だｗ - かちびと.net

[Donca]

✔ 画像を使わず、CSS+jQueryで絵文字を作れる・JQuery CSS Emoticonsがちょっと素敵だｗ