• Страница 1 из 1
  • 1
Форум » Уроки Css » Градиент » -webkit-radial-gradient (Создаёт радиальный градиент в браузерах Chrome и Safari.)
-webkit-radial-gradient
ProsvetekvatorДата: Воскресенье, 05.05.2013, 07:24 | Сообщение # 1
Статус: Offline
Полковник
Сообщений: 152
Награды «2»
-
+
«7»
Описание:
Создаёт радиальный градиент в браузерах 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.
«Пред. тема | След. тема»
Форум » Уроки Css » Градиент » -webkit-radial-gradient (Создаёт радиальный градиент в браузерах Chrome и Safari.)
  • Страница 1 из 1
  • 1
Поиск:
Понравилась тема? Расскажи друзьям...