【Word Balloon】公式デモ 吹き出し一覧

Word Balloonで使える吹き出し一覧です。
全て初期カラーです。
各吹き出しの色のカスタマイズは可能です。

セリフ

ミステリーマン
セリフの左側です。
右側はこんな感じです。
ミステリーマン

この吹き出し作りから全ては始まりでした。

考え事

ミステリーマン
考え事の左側です。
右側はこんな感じです。
ミステリーマン

考え事は上の方に出るように調整。
まぁ他の吹き出しも微妙に調整してますけどね。

カラー

ミステリーマン
カラーの左側です。
右側はこんな感じです。
ミステリーマン

Word Balloonを作った当初は上記3つの吹き出しのみでした。
今でこそ吹き出しの色はカスタマイズが可能になっていますが、
リリース当初はこのカラーのみがカスタマイズ可能でした。
名前はその頃の状況からです。

丸い

ミステリーマン
丸いの左側です。
右側はこんな感じです。
ミステリーマン

枠線を含めてカスタマイズ性の高い吹き出しです。

しっぽ

ミステリーマン
しっぽの左側です。
右側はこんな感じです。
ミステリーマン

ビヨーンと伸ばしてみました。

ぽっち

ミステリーマン
ぽっちの左側です。
右側はこんな感じです。
ミステリーマン

ありがちなデザインですが、
定番って事で。

上側

上側の左側です。
ミステリーマン
右側はこんな感じです。
ミステリーマン

横ばっかりで飽きたので上にでる吹き出し。

下側

ミステリーマン
下側の左側です。
ミステリーマン
右側はこんな感じです。

上があるなら下もある。

SOi

ミステリーマン
SOiの左側です。
右側はこんな感じです。
ミステリーマン

チャットをイメージ。

RPG I

ミステリーマン
RPG Ⅰの左側です。
右側はこんな感じです。
ミステリーマン

ファミコンのアレっぽい感じです。

RPG II

ミステリーマン
RPG Ⅱの左側です。
右側はこんな感じです。
ミステリーマン

スーファミのアレっぽい感じです。

RPG III

ミステリーマン
RPG Ⅲの左側です。
右側はこんな感じです。
ミステリーマン

スーファミのアレっぽい感じです。
正確にはシミュレーションRPGかな。

セリフ太枠

ミステリーマン
セリフ太枠の左側です。
右側はこんな感じです。
ミステリーマン

初代セリフを太枠にしてみました。

ぽっちグラデーション

ミステリーマン
ぽっちグラデーションの左側です。
右側はこんな感じです。
ミステリーマン

linear-gradientを使っています。

丸いグラデーション

ミステリーマン
丸いグラデーションの左側です。
右側はこんな感じです。
ミステリーマン

radial-gradientを使っています。

ハート

ミステリーマン
ハートの左側です。
右側はこんな感じです。
ミステリーマン

Border-imageで作ってみました。
残念ながらEdgeでは表示できません。ガックリ。
IE11はOK。

にょろにょろ

ミステリーマン
にょろにょろの左側です。
右側はこんな感じです。
ミステリーマン

ハートと同じくBorder-imageで作ってみました。
残念ながらEdgeでは表示できません。
IE11はOK。
Edgeの解消方法が不明でガックリ。

CSSだけでは不可能な吹き出しの形には満足しています。

手書き風

ミステリーマン
手書き風の左側です。
右側はこんな感じです。
ミステリーマン

またまたBorder-imageで作ってみました。
やっぱりEdgeでは表示できません。
IE11はぼやけちゃいますね^^;

【Word Balloon】公式デモ アイコンや効果を使った使用例 https://back2nature.jp/plugins/word-balloon/word-balloon-demo-1 https://back2nature.jp/plugins/word-balloon/word-balloon-demo-3 https://back2nature.jp/plugins/word-balloon
 back2nature.jp
【Word Balloon】公式デモ 壁紙を使った使用例 https://back2nature.jp/plugins/word-balloon/word-balloon-demo-1 https://back2nature.jp/plugins/word-balloon/word-balloon-demo-2 https://back2nature.jp/plugins/word-balloon
 back2nature.jp
【WordPress】会話形式の吹き出しプラグイン Word Balloon【公式ページ】 WEBサイトで見かける人物と吹き出しが表示され、 会話形式やインタビューの様に見えるやりとり。 これを簡単に作成出来るように Wordpressで使えるプラグインを作ってみました。 2018年…
 back2nature.jp

是非フォローしてください

最新の情報をお伝えします

  • やーまん
  • 山奥に移住し、のんびり暮らしています。
    日々の事で感じた事や考え方などを備忘録として残しています。