マスクの反転

mask-invert

mask を反転させ、形を削除してそれ以外を残します。結果はマスクを 1 から引いたものに正確に一致します。

mask-invert は真偽値を受け取ります。true と 1 のいずれも有効化し、他の真を表す表記も受け付けられます。デフォルトは false です。

静止フレームを形で切り抜くのではなく、穴をあけたい場合に mask-invert を使用します。

mask は静止フレームにのみ適用されます。動画、アニメーション、スプライトシートにマスクは描画されません。

例

いずれの例も同じ動画の静止画を生成しています。

mask=ellipse のみの場合、形の内側が残ります。
https://assets.imgix.net/Croatia.mp4?w=600&fm=png&mask=ellipse

Default

Default crop

mask-invert なし

mask-invert なし