Определить плавный переход у градиента?

Автор вопроса: Leks

<svg viewBox="0 0 1000 400" width='1000' height='400' style='border:1px solid black'>
  <defs>
    <linearGradient id="MyGradient">
      <stop offset="20%" stop-color="red"/>
      <stop offset="80%" stop-color="yellow"/>
    </linearGradient>
  </defs>
  <rect x="0" y="0" width="150" height="150" fill="url(#MyGradient)"/>
</svg>

Определить плавный переход у градиента можно по следующему алгоритму

От 0 до 20 будет красный цвет
от 80 до 100 будет желтый цвет
От 80 вычитаем 20 будет 60 - это плавный переход от красного цвета к желтому верно ?

Источник

Ответы (0 шт):