隠し要素：このdivはページ上部に固定されているヘッダー分コンテンツが見れなくなってしまうのを防ぐため作成されています。
See the Pen 吹き出し by tetra-mix (@tetra-mix) on CodePen.
この吹き出しの重要ポイントは三角形です。三角形を作るcssはborderの部分です。 これは一番下の吹き出しを見てもらうとイメージしやすいと思います。 content: "";にボーダーをつけるとこのようになります。ここで表示したいもの以外(赤、青、緑)を透明にして消すと 三角形を作ることができます。ボーダーの色にtransparentを使うことで透明にできます。 あとは位置を調節したり段落にボーダーをつけたりしたら完成です。
| Back | Home | Next |