グラデーションモード

gradient-mode

Imgix の画像と同様に、CSS のブレンドモードを使用して gradient を映像にブレンドする方法を設定します。gradient-mask を使用する場合は無視されます。

値説明
normal (デフォルト)グラデーションをそれぞれのアルファで映像の上に描画します。
multiply色を乗算し、映像を暗くします。
screen反転、乗算、再反転を行い、映像を明るくします。
overlay暗い部分を乗算、明るい部分をスクリーンし、コントラストを高めます。
darken2 つの色のうち暗い方を残します。
lighten2 つの色のうち明るい方を残します。
color-dodgeグラデーションに合わせて映像を明るくします。エイリアス:dodge。
color-burnグラデーションに合わせて映像を暗くします。エイリアス:burn。
hard-lightグラデーションの色に応じて乗算またはスクリーンします。エイリアス:hardlight。
soft-lighthard-light の柔らかいバージョンです。エイリアス:softlight。
difference明るい色から暗い色を減算します。
exclusiondifference に似ていますが、コントラストが低くなります。
hueグラデーションの色相と、映像の彩度および輝度を使用します。
saturationグラデーションの彩度を使用します。
colorグラデーションの色相と彩度、および映像の輝度を使用します。
luminosityグラデーションの輝度を使用します。

値は大文字と小文字を区別せず、前方一致の場合は Imgix の画像と同じ順序で最初に一致したものが選ばれます (d は dodge)。不明な名前は normal で描画されます。

グラデーションと fade を併用すると、グラデーションが先にブレンドされ、その上にフェードが描画されます。

HDR 動画では、ブレンドはリファレンスホワイト (203 nits) を白として扱うため、不透明なストップの下では、それを超えるハイライトはリファレンスホワイトにクリップされます。normal 以外のモードでは、Dolby Vision プロファイル 5 および 7 のソースは SDR でレンダリングされます。