サイズや表示させる位置を変えて、▼をお好みの形にしてください。塗り背景で右下に▼のフキダシ今度は、▼の位置を右下に固定したフキダシです。▼を-30度回転させて、斜めにしています。class="balloon2">右下に▼を付けます。枠線付きのフキダシ枠線付きのフキダシです。作って、ずらして重ねています。class="balloon3">枠線を付けます。太枠でカラフルなフキダシ枠線を太くして、色を付けてみました。線が太くなった分、▼をずらす距離も大きくなります。skewX(40deg);}まとめ前回の矢印に比べて、使う機会があまりなさそうなフキダシですが、borderで三角や台形を作って変形させて...という手法を覚えておくと、応用できる場面もあるように思います。他にも、フキダシの作り方を紹介しているサイトがいくつもありますし、ジェネレーターのサイトもあります。用途やデザインに沿った、いろいろなフキダシが作れますね。専門性や実績を認定された公式パートナーです。ウェブサービス株式会社(DWS)公式ブログラスター画像と、ベクター画像と、私。ウェブサービス株式会社(DWS)公式ブログ記事URLをコピーしました。