计算机网络/计算机科学与应用/系统/运维/开发

2D变换

E { 
    -moz-transform: function(value);
    -ms-transform: function(value);
    -o-transform: function(value);
    -webkit-transform: function(value);
    transform: function(value);
  }


  旋转 rotate

  E { transform: rotate(value); }

  value 为一个角度值 度数为deg为单位 也可以使用负数


  h2 { transform:rotate(-25deg); }


  变换的原点 transform-origin

  E { transform-origin:value(s); }

  value 可以是一个或2个长度值 或者关键字值 

  长度可以是任何可接受的css单位(em px 百分比值)

  关键字(left right top bottom center)

  如果是2个值(第一个水平点 第二个为垂直点)

  如果是1个值(水平点 垂直点默认为center或50%)


  左上角为原点:

  E {transform-origin: 0 0 ;} 

  E {transform-origin: left top;}


docker镜像网站 https://docker.xuanyuan.me/#google_vignette

评论

^