テキストの回りこみ処理を CSS で実現するための「CSS Text Wrapper」

他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。

複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。ワードやイラストレーターではそういった処理が可能だが、Web でそれを再現しようと思うとちょっと厄介だ。

そこで登場したのが CSS Text Wrapper だ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。

そのようにして作った「テキストの回りこみ処理」は CSS のコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。

Web で表現するのが厄介、で思考停止せずに、こうしたジェネレータを作ろうと考えることが大事ですな。
（記事提供 : 百式）

CSS Text Wrapper:
http://www.csstextwrap.com/