css代码中我们常见的grad单位指啥呢?


摘要:
下文讲述使用css代码中grad单位的相关分享说明,如下所示:

grad详解:
    grad:是css中的一个角度单位
    grad:是Gradians的缩写 
    一个圆等于400grad(梯度),90deg = 100grad
grad注意事项:
    此单位从IE9开始被支持,在其它的浏览器中都支持此单位

例:
将网页旋转90grad,使网页内容垂直显示

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

css角度单位grad的示例说明