CSS3対応、吹き出し作成ジェネレーターです。
使い方は簡単♪3ステップ。
CSSとHTMLだけで、簡単に素敵な吹き出しが作成できます。
吹き出しの三角部分も太くしたり細くしたり変更できます!!

STEP1 選択

クラス名

テキスト内容

ボックス

背景色

padding px

横サイズ px

縦サイズ px

三角の位置

上  下  左 

横位置 

横サイズ

縦サイズ

上  下  左 

サイズ

色  

角丸

サイズ

左上 右上

左下 右下

文字

太字 斜体

サイズ px

文字位置

通常色

文字影

なし あり

色  

横位置

縦位置

ぼかし

STEP2 プレビュー

テキスト入ります。テキスト入ります。

背景色:

この吹き出しでOKなら、下のコードをコピーして貼り付けてください。

STEP3 コード

HTML

こちらのHTMLコードをコピーして貼り付けます。

CSS

こちらのCSSコードをコピーして貼り付けます。