Одиниця turn визначає кут обертів. 1turn, відповідно, дорівнює одному обороту або 360 градусів. turn зручно використовувати в анімації та трансформації елементів, коли потрібно повернути елемент на один або кілька обертів.
Значення деяких кутів представлені в табл. 1.
 | 0turn |
 | 0.25turn=90deg=100grad ≈ 1.5708rad |
 | 0.5turn=180deg=200grad ≈ 3.1416rad |
 | 0.75turn=270deg=300grad ≈ 4.7124rad |
 | 1turn=360deg=400grad ≈ 6.2832rad |
 | -0.25turn=-90deg=-100grad ≈-1.5708rad |
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>turn</title> <style> img { transition: 1s; /* Час повороту */
}
img:hover { transform: rotateZ(1turn); /* Один оборот */
}
</style>
</head>
<body> <img src="image/thumb1.jpg" alt=""> <img src="image/thumb2.jpg" alt=""> <img src="image/thumb3.jpg" alt="">
</body>
</html>У даному прикладі при наведенні покажчика на картинку, вона робить один оберт за годинниковою стрілкою.
Специфікація
| Специфікація | Статус |
|---|---|
| CSS Values and Units Module Level 4 | Робочий проект |
| CSS Values and Units Module Level 3 | Можлива рекомендація |
Специфікація
Кожна спе Цифікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як вона відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
- Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
- Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення правок редакторами проекту.
- Draft (Чернетка специфікації ) — перша чорнова версія стандарту.
Браузери
| 9 | 12 | 2 | 12 | 4 | 3.6 |
| 4 | 4 | 12 | 4 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — властивість повністю підтримується браузером з усіма допустимими значеннями;
- — властивість браузі ром не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, які вказані в специфікації. Число вказує версію браузера, починаючи з якою властивість підтримується.