Firefox 62でCSS Shapesが登場：任意の形状に沿ってテキストを配置

Firefox 62は、CSS Shapesを正式にサポートするようになりました。これにより、テキストやその他のコンテンツを長方形以外の形状に沿って配置できるようになります。この記事では、画像、グラデーション、基本形状を使用して形状を作成する方法を説明し、Firefox DevToolsの新しいツールを使用してプロセスを簡素化します。画像のアルファチャンネル、グラデーションの透明度、およびプリセット形状（円、楕円、多角形）を使用してテキストの流れを制御し、`shape-margin`を使用して間隔を調整し、半透明画像には`shape-image-threshold`を使用する方法を学びます。また、高度な効果を得るために、形状と`clip-path`を組み合わせる方法についても説明します。