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
立即学习“前端免费学习笔记（深入）”；
.test{height:100px;background:#eee;-moz-transform:rotate(2deg);-webkit-transform:rotate(2deg);-o-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);}transform:rotate(2deg);
2、grad
梯度（Gradians）。一个圆共400梯度
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
立即学习“前端免费学习笔记（深入）”；
.test{height:100px;background:#eee;-moz-transform:rotate(2grad);-webkit-transform:rotate(2grad);-o-transform:rotate(2grad);-ms-transform:rotate(2grad);transform:rotate(2grad);}transform:rotate(2grad);
3、rad
弧度（Radians）。一个圆共2π弧度
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
立即学习“前端免费学习笔记（深入）”；
.test{height:100px;background:#eee;-moz-transform:rotate(2rad);-webkit-transform:rotate(2rad);-o-transform:rotate(2rad);-ms-transform:rotate(2rad);transform:rotate(2rad);}transform:rotate(2rad);
4、turn
转、圈（Turns）。一个圆共1圈
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
立即学习“前端免费学习笔记（深入）”；
.test{height:100px;background:#eee;-webkit-transform:rotate(.5turn);-o-transform:rotate(.5turn);-ms-transform:rotate(.5turn);transform:rotate(.5turn);}transform:rotate(.5turn);</html
更多编程相关知识，请访问：编程教学！！
以上就是css中的角度单位有哪些？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1616420.html
微信扫一扫 
支付宝扫一扫 
