angle CSS значення

Задає кут нахилу або повороту. Позитивне значення визначається за годинниковою стрілкою, негативне - проти годинникової стрілки.

Синтаксис

Властивість: <кут>;

Кут може задаватися в наступних одиницях:

  • В градусах. Після значення пишеться deg. Повне коло дорівнює 360deg.
  • У градах. Позначається як grad. Повне коло дорівнює 400grad,
  • В радіанах. Позначається як rad. Повне коло дорівнює або приблизно 6.2832rad.
  • У поворотах. Позначається як turn. Одне коло дорівнює одному повороту і пишеться як 1turn.

Значення деяких кутів представлені в таблиці:

Рисунок Значення
90deg = 100grad = 0.25turn ≈ 1.5708rad
180deg = 200grad = 0.5turn ≈ 3.1416rad
270deg = 300grad = 0.75turn ≈ 4.7124rad
-90deg = -100grad = -0.25turn ≈ -1.5708rad

Переглядачі

Переглядач
angle

9.0

12.0

2.0

12.0

4.0

3.6

Переглядач
angle

4.0

4.0

4.0

Приклади


Динамічний приклад.

Динамічний приклад.

Синтаксис властивості.

.block:hover {
    -moz-transform: rotate(15deg); /* Для Firefox */
    -ms-transform: rotate(15deg); /* Для IE */
    -webkit-transform: rotate(15deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(15deg); /* Для Opera */
    transform: rotate(15deg);
}

Демонстація роботи значення.