フリーランスWebデザイナーが、Webや本について記事を書いています。

CSSで枠線付きの吹き出しを作る

css, TIPS, Web


単色の吹き出しは割りと簡単にできますが、マンガで見かけるような枠線付きの吹き出しに手間取ったのでメモしておきます。

:afterという疑似要素に三角形を作り、絶対配置しています。
ただし、正方形を回転させて作っているので正三角形しか使えません。

単色の吹き出しよりもポップさが出ますね。
枠線は色んな色に変更可能です。

css, TIPS, Web

この記事がお気に召したら、いいね!お願いします♪

最新情報をお届けします

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


*