Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство -ms-radial-gradient

Дата:17.10.15 в 17:30

Характеристики свойства

В каких браузерах работает?

10.0+ - - - - - -

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
- - - -

Для чего используется?

Отвечает за эффект градиента круглой формы для Internet Explorer.

Как правильно задавать?

-ms-radial-gradient: значение;

Какие могут быть значения?

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

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Градиент</title>
  <style>
   body {
    background: eee#;
    background: -moz-radial-gradient(center, ellipse cover, #feffff 0%, #d2ebf9 100%);
   }
  </style>
 </head>
 <body>
  <p>Контент</p>
 </body>
</html>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: