CSSで枠線付きの吹き出しを作る
単色の吹き出しは割りと簡単にできますが、マンガで見かけるような枠線付きの吹き出しに手間取ったのでメモしておきます。
:afterという疑似要素に三角形を作り、絶対配置しています。
ただし、正方形を回転させて作っているので正三角形しか使えません。
ただし、正方形を回転させて作っているので正三角形しか使えません。
単色の吹き出しよりもポップさが出ますね。
枠線は色んな色に変更可能です。
この記事がお気に召したら、いいね！お願いします♪
最新情報をお届けします
ブログは検索エンジンのためではなく、ユーザーのために書くべし！
MacのDreamweaverでコードヒントを表示するには「control + shift + スペース」
WordPressの読み込みが遅い時に、ワンクリックで原因を探るブックマークレットが神
background-sizeが効かない？！指定する時に注意すべきこと
初心に帰って、コーディングの本を買ったの巻
コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法