Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0 + | 2.0 + | 11.10 | 4.0 + | 3.6 + | 2.0 + | 2.0 + |
Опис
Задає кут нахилу. Позитивне значення відміряється за годинниковою стрілкою, негативне проти годинникової стрілки.
Синтаксис
Властивість: <кут> ;
Кут може здаватися в наступних одиницях.
- у градусах. Після значення пишеться deg . Повне коло дорівнює 360deg.
- У градах. Позначається як grad . Повне коло дорівнює 400grad,
- У радіанах. Позначається як rad . Повне коло дорівнює 2 π або приблизно 6.2832rad.
- У поворотах. Позначається як turn . Один коло дорівнює одному повороту і пишеться як 1turn.
Значення деяких кутів представлені в табл. 1.
90deg=100grad=0.25turn ≈ 1.5708rad | |
180deg=200grad=0.5turn ≈ 3.1416rad | |
270deg=300grad=0.75turn ≈ 4.7124rad | |
-90deg=-100grad=-0.25turn ≈ -1.5708rad |
Приклад
HTML5 CSS3 IE 9 Cr Op Sa 5.1
<!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>