Свойство -o-linear-gradient

Справочник:

Вендорное свойство

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

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


-	-	11.10+	-	-	-	-

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

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

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

Отвечает за создание градиента линейного типа в среде браузера Opera. Это позволяет создать градиентный задний фон, а также оптимизирует отображение документа в указанном браузере. Еще свойство повышает эффект кроссбраузерности при использовании градиентных свойств.

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

-o-linear-gradient:значение;

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

При указании значений свойства используют цветовую кодировку, а также значения угла и словесные команды для установления позиции перехода цвета в градиенте. Ниже представлена таблица с примерами позиций и углов с разъяснениями.

Команды с позициями	Значения угла	Разъяснение
top	270deg	Обычный градиент с переходом сверху вниз
left	0deg	Переход от левой стороны к правой
bottom	90deg	Переход идет от нижней части
right	180deg	Переход справа на лево
top left	-45deg	Направление градиента идет от левой стороны контейнера верхней его части к противолежащей
top right	225deg	Направление градиента идет от правой стороны контейнера верхней его части к противолежащей
bottom left	45deg	Направление градиента идет от левой стороны контейнера нижней его части к противолежащей
bottom right	-225deg	Направление градиента идет от правой стороны контейнера нижней его части к противолежащей

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство -o-linear-gradient</title>
  <style>
   .example {
    background: #e2e2e2;
    background: -o-linear-gradient
(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    padding: 10px;
   }
  </style>
 </head>
 <body>
  <div class="example">Содержимое страницы</div>
 </body>
</html>

Тип CSS свойства:

Градиент