-webkit-radial-gradient

Страница 1 из 1
1

Prosvetekvator05.05.2013

Описание:
Создаёт радиальный градиент в браузерах Chrome и Safari.

Пример:

Код

background-image: -webkit-radial-gradient([<угол> || <позиция>,] [<форма> || <размер>,] <цвет> [,
<цвет>]*);

Значения:
<угол> - Задаёт угол наклона.
<позиция> - Задается с помощью ключевых слов или доступных единиц измерения вроде пикселов или процентов:

top left = left top = 0% 0% (в левом верхнем углу);
top = top center = center top = 50% 0% (по центру вверху);
right top = top right = 100% 0% (в правом верхнем углу);
left = left center = center left = 0% 50% (по левому краю и по центру);
center = center center = 50% 50% (по центру) — это значение по умолчанию;
right = right center = center right = 100% 50% (по правому краю и по центру);
bottom left = left bottom = 0% 100% (в левом нижнем углу);
bottom = bottom center = center bottom = 50% 100% (по центру внизу);
bottom right = right bottom = 100% 100% (в правом нижнем углу).

<форма> - Задаёт форму радиального градиента — круг (circle) или эллипс (ellipse - по умолчанию).
<цвет> - Задает значение цвета, в процентах или в любых других единицах.
<размер> - Устанавливает размер градиента. Значения: contain, closest-corner, farthest-side, cover.

Страница 1 из 1
1

-webkit-radial-gradient - Форум