異なる複数の絵文字を連続表示させる | かちびと.net
Result 特に凝ったものではなく、keyframesで連続表示しています。 アニメーションをCSS関数で管理しているので割とすっきりしたコードになっています css .emoji { font-size: 50px; min-width: 1.4em; margin: 0.3em 0.4em; text-align: center; } .emoji::after { animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes twoFrames {/*2フレームのアニメーション*/ 50% { content: var(--emoji); } } @keyframes threeFrames {/*3フレーム*/ 33.333% { content: var(--emoji-
エレメント内のテキストを絵文字に自動で変換してくれるjQueryプラグイン「jQuery Emoticons」:phpspot開発日誌
エレメント内のテキストを絵文字に自動で変換してくれるjQueryプラグイン「jQuery Emoticons」 2011年06月17日- JQuery CSS Emoticons Demo - Alfa Jango Blog エレメント内のテキストを絵文字に自動で変換してくれるjQueryプラグイン「jQuery Emoticons」 ライブラリを読みこめば emoticonize, unemoticonize というメソッドで指定エレメント内のテキストをエモティコンに変換できます。 ↑が↓に変換されます。 様々な種類に対応しています。 テキストを○の画像で囲むだけとかは頭いいですね。さらにrotateするようにしてフォントも変更するよう改造すれば縦になって日本でも一般的に使えそうですね。 追記 6/18) rotateするようになりましたｗ 仕事速いですね 関連エントリ 画像要らずのロー
画像を使わず、CSS+jQueryで絵文字を作れる・JQuery CSS Emoticonsがちょっと素敵だｗ
これはちょっと面白いｗ画像を使わず、cssとjQueryだけで顔文字を作ってしまったみたいです。発想が単純だったのでうまく応用出来れば楽しいものが出来あがりそうな予感もしますな。面白い事考える人がいますね・・ｗ CSS+jQuery（と、もちろんHTML）のみで、画像は一切使われていません。ちょっとこの発想なかったです。ユニークですけど、割と使い勝手がいい気がする・・気のせいかなｗ 一見よく見かけるアイコンだと思うんですけど、これ、全部cssとテキストとjsで作られています。 からくり こういう発想。単純だけど思いつきませんでしたｗなので、以下のようにテキストとして選択できます。 :Ｄとか:ｐを縦にして、グラデーションのかかった黄色い枠を作れば完成ですね。 コード<link href="stylesheets/jquery.cssemoticons.css" media="screen"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
