css代码中角度后面turn代表什么单位呢?


摘要:
下文讲述css代码中turn单位的相关说明,如下所示:

turn详解:
    turn:是css中的一个角度单位
    turn:是Turns的缩写,trun在此处的中文意思为一圈 
    一个圆等于1 turn(弧度) 
    90deg = 1 /4 = 0.25 turn
turn注意事项:
    此单位从IE9开始被支持,在其它的浏览器中都支持此单位

例:
将网页旋转0.25 turn,使网页内容垂直显示

 <meta charset='utf-8' />
<p>
maomao365.com <br />
角度单位turn的示例分享
</p>
<hr />
<div>
 我被旋转了0.25 turn(90度)
</div> 
<style>
 div{
    background-color:green;
    color:white;font-weight:bold;
    width:200px;
    height:80px;
    line-height:80px; 
    padding-left:10px;
   
    margin-top:80px;     

    transform:rotate(0.25turn);
-webkit-transform: rotate(0.257turn);
-moz-transform: rotate(0.25turn);
-o-transform: rotate(0.25turn);
 
 }
 
</style> 
css角度单位turn的示例说明

css角度单位turn的示例说明