首页 > 其他 > 详细

变换 transform

时间:2019-05-30 21:05:03      阅读:81      评论:0      收藏:0      [点我收藏+]

变换 transform

   主要包括以下常用方法:

      1:旋转 rotate

   2;  扭曲skew

   3;缩放 scale 

   4;translate平移

    

用法:

rotate  在一个给定度数顺时针旋转的元素。负值是允许的,这样是元素逆时针旋转。单位deg

       

 transform: rotate(30deg)

  

skew   包含两个参数值,分别表示X轴和Y轴倾斜的角度,如果第二个参数为空,则默认为0,参数为负表示向相反方向倾斜。

 

 transform: skew(30deg,20deg);

scale  该元素增加或减少的大小,取决于宽度(X轴)和高度(Y轴)的参数:

  

transform: scale(2,3);

translate  根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。

transform: translate(50px,100px);

  

 

 

变换 transform

原文:https://www.cnblogs.com/gaojian910/p/10951922.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!