turn - 转 - css 角度
turn
版本:CSS3
圈数。一个完整的圆是 1turn。例:0turn,0.25turn,1.2turn。
浏览器支持
IE9以上版本的浏览器都支持turn |
语法
数据类型由
和下列单位组成。数字与单位之间没有空格。数字为0时,单位可以省略。
>turn
圈数。一个完整的圆是1turn
。例:0turn
,0.25turn
,1.2turn
。
说明:
转、圈(Turns)。一个圆共1圈
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
CSS数据类型用于表示角的大小,单位为度(degrees)、百分度(gradians)、弧度(radians)或圈数(turns)。在
和
transform
的某些方法等场景中有所应用。
直角 | 90deg = 100grad = 0.25turn ≈ 1.5708rad |
平角 | 180deg = 200grad = 0.5turn ≈ 3.1416rad |
直角(逆时针) | -90deg =-100grad =-0.25turn ≈-1.5708rad |
零角 | 0 = 0deg = 0grad = 0turn = 0rad |
例子
.test{ width:400px; height:100px; background:#eee; -webkit-transform:rotate(.5turn); transform:rotate(.5turn); }transform:rotate(.5turn);
内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)