マスクの角丸半径
corner-radius
mask=corners を使用した際に角をどれだけ丸めるかを設定します。他のマスク形状では効果はありません。
デフォルトは短い辺の 20% で、半径は短い辺の半分までです。
値はピクセル数または短い辺に対する割合で指定できます。4 つの角すべてに単一の値を指定するか、tl,tr,br,bl の順に 4 つの値をカンマ、セミコロン、またはパイプで区切って指定します。
単一の値は 0 より大きい必要があります。corner-radius=0 または負の値を指定すると、Rendering API と同じく 20% のデフォルトが維持されます。角ごとに指定する形式では 0 は直角を意味し、右下と左下には負の値を指定して直角にできます。
dpr はピクセル単位の半径をスケールします。
mask は静止フレームにのみ適用されます。動画、アニメーション、スプライトシートにマスクは描画されません。
例
いずれの例も同じ動画の静止画を生成しています。
corner-radius を指定しない mask=corners — デフォルトは短い辺の 20% です。https://assets.imgix.net/Croatia.mp4?w=600&fm=png&mask=corners
Default
デフォルト