フェード

fade

指定した幅で、動画のエッジを bg へ線形にフェードします。すべてのエッジには fade を、1 つのエッジだけには各辺のパラメータを使用します。

パラメータ説明
fadeこの幅ですべてのエッジをフェードします。
fade-left左端をフェードします。そのエッジについて fade より優先されます。
fade-right右端をフェードします。そのエッジについて fade より優先されます。
fade-top上端をフェードします。そのエッジについて fade より優先されます。
fade-bottom下端をフェードします。そのエッジについて fade より優先されます。

それぞれピクセル、またはその軸に対する 0.0 から 1.0 の比率を受け付けます。左右のエッジはフレームの幅、上下のエッジは高さを基準にします。長さは Imgix のリテラル規則に従うため、0.3 は 30%、1 は 1 ピクセルです。

2 つのエッジが交わる部分では、フェードが乗算されます。向かい合う 2 辺の合計がフレームより広い場合は両方が収まるように縮小されるため、中央がフェードされることはありません。

フェード先は bg で、動画でのデフォルトは黒です。動画にはアルファチャンネルがないため、エッジが透明になることはありません。代わりに半透明の bg を指定すると映像が透けて見えます。

フェードは gradient と併用でき、グラデーションの後に適用されます。mask=corners または mask=ellipse を指定した場合、単独の fade はマスクに属し動画では何も描画しないため、各辺のパラメータを使用してください。

HLS と DASH では、ピクセル単位の幅は最上位のレンディションで測定されます。どのフォーマットでも同じに見えるフェードにするには、比率 (fade-bottom=0.2 など) を使用してください。