Угол

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 2.0+ 11.10 4.0+ 3.6+ 2.0+ 2.0+

Описание

Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки.

Синтаксис

Свойство: <угол>;

Угол может задаваться в следующих единицах.

Значения некоторых углов представлены в табл. 1.

Табл. 1. Углы, кратные 90 градусам
90 90deg = 100grad = 0.25turn ≈ 1.0708rad
180 180deg = 200grad = 0.5turn ≈ 2.1416rad
270 270deg = 300grad = 0.75turn ≈ 3.2124rad
-90 -90deg = -100grad = -0.25turn ≈ -1.0708rad

Пример

HTML5CSS3IE 9CrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Градиент под углом</title>
  <style>
   body { 
    background: #b3dced;
background: -moz-linear-gradient(-45deg, #b3dced 0%, #29b8e5 50%, #bce0ee 100%);
background: -webkit-linear-gradient(-45deg, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
background: -o-linear-gradient(-45deg, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
background: linear-gradient(-45deg, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
} </style> </head> <body> <p>Внимание, запрашиваемая страница не найдена!</p> </body> </html>