Синтаксис Webkit Gradient

Question

Я читал о собственности -webkit-gradient, и я не понимаю.

Radial:

-webkit-gradient(radial, 105 105, 20, 112 120, 50, from(#ff5f98), to(rgba(255,1,136,0)), color-stop(75%, #ff0188)), 

Что 105 105, 20, 112 120, 50 значит?

Linear:

background: -webkit-gradient(linear, 40 50, 50 50, color-stop(0.0, yellow), 
      color-stop(0.5, orange), color-stop(1.0, red)); 

Что 40 50, 50 50 значит?

Answer 1

Webkit gradient documentation

Для радиального градиента, первые два аргумента представляет собой начальную окружность с началом координатами (x0, y0) и радиусом r0, а следующие два аргумента представляет собой конечный круг с началом координатами (x1, y1) и радиусом r1.

Таким образом, для радиального: «105 105, 20, 112 120, 50», это окружность, начиная с 105px слева и 105px сверху с радиусом 20px и заканчивая круг 112px слева и 120px сверху с радиусом 50px;

Для линейных: «40 50, 50 50», начинаются с 40px влево 50px вверх и продолжаются до 50px влево на 50px.