導讀跟大家講解下有關css中的角度單位有哪些？，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說css中的角度單位有哪些？，小編也
跟大家講解下有關css中的角度單位有哪些？，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說css中的角度單位有哪些？，小編也收集到了有關css中的角度單位有哪些？的相關資料，希望大家看到了會喜歡。
css中的角度單位有：1、deg，度（Degress），一個圓共360度；2、grad，梯度（Gradians），一個圓共400梯度；3、rad，弧度（Radians），一個圓共2π弧度；4、turn，圈（Turns），一個圓共1圈。
css中的角度單位
1、deg
度（Degress）。一個圓共360度
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
<!DOCTYPE html><html><head><meta charset="utf-8" /><style>.test{height:100px;background:#eee;-moz-transform:rotate(2deg);-webkit-transform:rotate(2deg);-o-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);}</style></head><body><div>transform:rotate(2deg);</div></body></html>
2、grad
梯度（Gradians）。一個圓共400梯度
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
<!DOCTYPE html><html><head><meta charset="utf-8" /><style>.test{height:100px;background:#eee;-moz-transform:rotate(2grad);-webkit-transform:rotate(2grad);-o-transform:rotate(2grad);-ms-transform:rotate(2grad);transform:rotate(2grad);}</style></head><body><div>transform:rotate(2grad);</div></body></html>
3、rad
弧度（Radians）。一個圓共2π弧度
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
<!DOCTYPE html><html><head><meta charset="utf-8" /><style>.test{height:100px;background:#eee;-moz-transform:rotate(2rad);-webkit-transform:rotate(2rad);-o-transform:rotate(2rad);-ms-transform:rotate(2rad);transform:rotate(2rad);}</style></head><body><div>transform:rotate(2rad);</div></body></html>
4、turn
轉、圈（Turns）。一個圓共1圈
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
<!DOCTYPE html><html><head><meta charset="utf-8" /><style>.test{height:100px;background:#eee;-webkit-transform:rotate(.5turn);-o-transform:rotate(.5turn);-ms-transform:rotate(.5turn);transform:rotate(.5turn);}</style></head><body><div>transform:rotate(.5turn);</div></body></html
更多編程相關知識，請訪問：編程教學！！
以上就是css中的角度單位有哪些？的詳細內容，更多請關注php中文網其它相關文章！
來源：php中文網
免責聲明：本文由用戶上傳，如有侵權請聯系刪除！