css代码中角度单位rad的功能简介说明


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

rad详解:
    rad:是css中的一个角度单位
    rad:是Radians的缩写 
    一个圆等于2n rad(弧度),一个圆等于3.14*2 弧度
    90deg = 3.14*2 /4 =    1.570796326794897rad
rad注意事项:
    此单位从IE9开始被支持,在其它的浏览器中都支持此单位

例:
将网页旋转1.57 rad,使网页内容垂直显示

 <meta charset='utf-8' />
<p>
maomao365.com <br />
角度单位rad的示例分享
</p>
<hr />
<div>
 我被旋转了1.57rad(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(1.57rad);
-webkit-transform: rotate(1.57rad);
-moz-transform: rotate(1.57rad);
-o-transform: rotate(1.57rad);
 
 }
 
</style> 
css角度单位rad 旋转90度的示例说明

css角度单位rad
旋转90度的示例说明