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

CSSだけで、吹き出しをつくる、三角の部分をちょっと曲げて素敵にする

CSSだけで、吹き出しをつくる、三角の部分をちょっと曲げて素敵にする

シンプルに疑似要素の「:before」「:after」でつくる。
色も大きさも自由に変更できるので便利。
角丸はborder-radiusで調整。
今回は、三角の部分をちょっと曲げて素敵にしてみる。

吹き出し、三角の部分をちょっと曲げてみると素敵になる、右向きです。

See the Pen
CSSだけで、吹き出しをつくる、三角の部分をちょっと曲げてみると素敵になる
by 125naroom (@125naroom)
on CodePen.

吹き出し、三角の部分をちょっと曲げてみると素敵になる、左向きです。

See the Pen
CSSだけで、吹き出しをつくる、三角の部分をちょっと曲げてみると素敵になる、左向き
by 125naroom (@125naroom)
on CodePen.

こちらも

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

▽ちょっと曲がってない普通の吹き出しはこちら
CSSだけで、ふきだしをつくる

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

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

いつかのこと
Web design gallery - デザインのこと - ウェブデザインあつめました。

おすすめ

Web design gallery - デザインのこと - ウェブデザインあつめました。