Как радиальный градиент figma перевести в css?

В figma есть квадрат (я не дизайнер и не фронтендер, так что точно объяснтить не могу как он создан), на него наложен радиальный градиент. Перетаскиваю градиент следующим образом - центр ставлю на середину правой грани, вторую точку прямой направляющей градиента ставлю на середину нижней грани, точку которая лежит на перпендикулярной прямой и отвечает за приплюснутость градиента ставлю на середину верхней грани. Если перейти в режим разработчика то фигма превращает это в следующий css:

background: radial-gradient(70.71% 70.71% at 100% 50%, #EFF4F5 0%, #C1C4C6 100%);

Если укорачивать перпендикулярную линию, то первое число в CSS уменьшается:

background: radial-gradient(47.17% 70.71% at 100% 50%, #EFF4F5 0%, #C1C4C6 100%);

Структуру данного фрейма мы получаем по api, и градиент в ответе описывается следующим образом:

{
  "blendMode": "NORMAL",
  "type": "GRADIENT_RADIAL",
  "gradientHandlePositions": [
    {
      "x": 1.0000001490116865,
      "y": 0.5000002682209939
    },
    {
      "x": 0.5000001490116759,
      "y": 1.0000002086163384
    },
    {
      "x": 0.4999999701976776, // это не грани, для укороченной линии приходит 0.6879759173955349
      "y": 2.9802318834981634e-8 // это на грани, для укороченной линии приходит 0.18797598797746545
    }
  ],
  "gradientStops": [
    // ...
  ]
}

По всей видимости элементы в gradientHandlePositions описаны в относительных величинах от высоты и ширины квадрата. Первый элемент описывает центр градиента (и из него наглядно получается часть at 100% 50% из css), второй описывает конец направляющей градиента, а третий описывает точку на перпендикулярной прямой которая регулирует приплюснутость градиент. Но как мне из этих координат получить (47.17% 70.71% at - я зависимости не вижу.


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