zoukankan      html  css  js  c++  java
  • 网页元素--角度

    deg 角度,配合 变形属性 transform 的 rotate ( num deg) 来使用,意思指为旋转多少角度。如果不指明圆心,默认为dom节点左上角顺时针开始旋转。
    
    .deg{
        height: 100px;
        background: #eee;
        -moz-transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);          //顺时针方向旋转 2 度
    }
    
    grad 梯度,配合 变形属性 transform 的 rotate ( num grad) 来使用。如果不指明圆心,默认为dom节点左上角逆时针开始旋转。
    
    .grad{
      background: #027F78;
      height: 100px;
      -webkit-transform: rotate(2grad);
      -moz-transform: rotate(2grad);
      -ms-transform: rotate(2grad);
      transform: rotate(2grad);       //逆时针方向旋转 2 度
      }
    
    角度中含梯度,同样的高度,可以模拟出一个三维图形
    
    <div class="deg">
      <div class="grad"></div>
      <div class="rad">弧度</div>
      <div class="turn">转圈</div>
    </div>
    
    rad 弧度,配合 变形属性 transform 的 rotate ( num rad) 来使用,不好控制
    
    .rad{
      background: #555555;
      height: 200px;
      -webkit-transform: rotate(2rad);
      -moz-transform: rotate(2rad);
      transform: rotate(2rad);
      }
    
    turn 转圈,容器内的元素相对转圈的容器,在旋转,旋转的圆心不好控制,num 最大为 1
    
    .turn{
      background: #027F78;
      height: 200px;
      -webkit-transform: rotate(.7turn);
      -moz-transform: rotate(.7turn);
      -ms-transform: rotate(.7turn);
      transform: rotate(.7turn);
      }
  • 相关阅读:
    Unity Notes调制粒子系统的颗粒的最大数目
    Swift编程语言学习2.1——基础运营商(在)
    JavaScript语言基础知识6
    算法题:合并两个有序列表
    DDFT
    Java For循环效率试验
    Delphi ORD
    Delphi TcxTreeList 节点添加图片
    SQL Server 除法 不起作用的问题
    Delphi 继承基类的窗体,并显示基类的控件操作。
  • 原文地址:https://www.cnblogs.com/baiyygynui/p/5869548.html
Copyright © 2011-2022 走看看