Gradient Stops

Sets the position of each gradient color stop, in percent.

gradient-stops accepts a comma-separated list of numbers from 0 to 100, one per color. Without it, the stops are spaced evenly. A list whose count doesn’t match the number of colors falls back to even spacing.

A stop placed before the previous one moves up to it, which makes a hard edge. For example, gradient=ff000000,ff000000,ffffffff&gradient-stops=0,50,50 gives a sharp line halfway down.