angle CSS значення
Задає кут нахилу або повороту. Позитивне значення визначається за годинниковою стрілкою, негативне - проти годинникової стрілки.
Синтаксис
Властивість: <кут>;
Кут може задаватися в наступних одиницях:
- В градусах. Після значення пишеться
deg. Повне коло дорівнює 360deg. - У градах. Позначається як
grad. Повне коло дорівнює 400grad, - В радіанах. Позначається як
rad. Повне коло дорівнює 2π або приблизно 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);
}Демонстація роботи значення.