マスクの反転
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
mask-invert なし