なんにもない日の頭の中はこんなもんだったりする

CSSだけで、ふきだしをつくる

CSSだけで、ふきだしをつくる

シンプルに疑似要素の「:before」「:after」でつくる。
色も大きさも自由に変更できるので便利。
角丸はborder-radiusで調整。
角丸が不要なときはborder-radiusを0にする。
もしくは削除。

ふきだし(下)

See the Pen
CSSだけで、ふきだしをつくる
by 125naroom (@125naroom)
on CodePen.

ふきだし(上)、少し角丸

See the Pen
CSSだけで、ふきだし(上)をつくる
by 125naroom (@125naroom)
on CodePen.

ふきだし(左)

See the Pen
CSSだけで、ふきだし(左)をつくる
by 125naroom (@125naroom)
on CodePen.

ふきだし(右)

See the Pen
CSSだけで、ふきだし(右)をつくる
by 125naroom (@125naroom)
on CodePen.

ふきだしをつくるのに便利なサイトさん

▽CSS ARROW PLEASE
http://www.cssarrowplease.com/

いつかのこと

こうこく

いつかのこと