LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/CSS3/正文

2D变换

CSS3615 次阅读

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;}


世间最珍贵的不是“得不到”和“已失去”,而是现在能把握的幸福。

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读