CodePenで吹き出しを色々試しています
これをもとに吹き出しのしっぽの場所を変えたり、色を変えたりアレンジをすることでレパートリーは色々と出来そう。
斜め方向に潰したバルーン
＠CodePen
See the Pen Untitled by _ⓑⓞⓞⓚⓐⓝ_ (@_booska__) on CodePen.
まんまるバルーン
＠CodePen
See the Pen Round speech balloon by _ⓑⓞⓞⓚⓐⓝ_ (@_booska__) on CodePen.
四角バルーン
＠CodePen
See the Pen Round speech balloon by _ⓑⓞⓞⓚⓐⓝ_ (@_booska__) on CodePen.
ラウンドボーダー バルーン
＠CodePen
このケースは落書き日現在(2022-01-09)では、まだベンダープレフィックスが無いとCroumium系はラウンドボーダーが表示できなかった。Mozilla系はベンダープレフィックスが不要だった。
See the Pen Rounded border speech balloon by _ⓑⓞⓞⓚⓐⓝ_ (@_booska__) on CodePen.
ハート
事例
Thx. CSSだけでハートを作る方法