Синтаксис Градиента WebKit

Question

Синтаксис Градиента WebKit

Я читал о -webkit-gradient свойство и я не понимаем это.

Радиальный:

-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 средний?

Линейный:

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 средний?

9

webkit css3 gradient

задан Yi Jiang 2 March 2011 в 11:40

1 ответ

Другие вопросы по тегам:

webkit css3 gradient

Похожие вопросы:

score 6 · Answer 1

Документация по градиенту Webkit

Для радиального градиента первые два аргумента представляют начальную окружность с началом (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 сверху.