- 角度数据类型 - css 角度
版本:CSS3
CSS 数据类型用于表示角的大小,单位为度(degrees)、百分度(gradians)、弧度(radians)或圈数(turns)。在和 transform 的某些方法等场景中有所应用。
浏览器支持
IE9以上版本的浏览器都支持 数据类型 |
语法
数据类型由
和下列单位组成。数字与单位之间没有空格。数字为0时,单位可以省略。
可以使用+或-开头。正数表示顺时针的角,负数表示逆时针的角。对于静态的角,同样的角度可以使用任意等效的值表示。比如 90deg 等于-270deg,1turn 等于 4turn。而对于动态的角,比如应用了
animation
或transition
时,显示效果则不一样。
单位
- deg:度。一个完整的圆是 360deg。例:0deg,90deg,14.23deg。
- grad:百分度。一个完整的圆是 400grad。例:0grad,100grad,38.8grad。
- rad:弧度。一个完整的圆是 2π弧度,约等于 6.2832rad。1rad 是 180/π度。例:0rad,1.0708rad,6.2832rad。
- turn:圈数。一个完整的圆是 1turn。例:0turn,0.25turn,1.2turn。
示例
直角: | |
平角:180deg = 200grad = 0.5turn ≈ 3.1416rad | |
直角(逆时针):-90deg =-100grad =-0.25turn ≈-1.5708rad | |
零角: |
鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com
免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)
图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!
内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)