グラデーションのストップ
gradient-stops
gradient-stops パラメーターは、gradient の各色がグラデーション上のどこに位置するかを指定します。指定しない場合、色は均等に配置されます。
色1つにつき1つの位置を 0 から 100 の範囲で指定します。直前の値より小さい位置は直前の値に引き上げられるため、位置が逆戻りすることはありません。
ストップは、グラデーションを実用的なスクリムに変えるための設定です。2色を均等にフェードさせると画像の中央も端と同じだけ暗くなりますが、透明な色を途中まで保てば被写体は明るいまま、テキストが乗る帯だけを暗くできます。
位置の数が色数と一致しない場合や、0〜100 の範囲外の値が含まれる場合、指定は無視され、色は均等に配置されます。