CSS clip-path の使い方

CSS clip-path や mask-image の仕様などについては以下のサイトで確認することができます。 CSS Masking Module Level 1（日本語訳） CSS Masking Module Level 1（W3C） CSS Shapes Module Level 1（日本語訳） CSS Shapes Module Level 1（W3C） MDN CSS マスク 以下で clip-path や mask-image 関連のブラウザの対応状況を確認できます。 can i use: clip-path can i use: mask-image 関連ページ： HTML SVG の基本的な使い方 SVG アニメーション（SMIL を使ったアニメーション） Photoshop で SVG CSS マスキング mask-image の使い方 CSS Shapes / sh

[tanupig]

“ /* フロートを設定 */ float: left; /* clip-path と同じ値を設定し、同じ形状のシェイプを作成 */ shape-outside: circle(100px); /* 画像の位置を調整 */ margin-left: -50px;”