首页 > Web开发 > 详细

CSS3 -webkit-transform(元素变换)

时间:2017-12-30 10:46:58      阅读:215      评论:0      收藏:0      [点我收藏+]

CSS3 -webkit-transform(元素变换)

 

-webkit-transform:none | 类型

类型:scale:缩放,1为原始大小。scale(x)。正数放大,负数缩小。属性值为一个时,x/y轴同时缩放;属性值为两个值时,分别控制x、y轴的缩放。

 

         rotate:水平旋转,属性值格式为Xdeg。(deg是“度”的意思)rotate(Xdeg)。X为正数时,顺时针旋转;为负数时,逆时针旋转

         translate:平移,基于XY轴重新定位元素。translate(Xpx,Ypx)。属性值为一个时,x、y轴参数相同;为两个时,x、y轴分别定位

         skew:将元素沿水平方向倾斜变形。skew(Xdeg,Ydeg)。这个比较难表述,想象一下平行四边形吧。属性值为一个时,x、y轴参数相同;为两个时,x、y轴各自倾斜

         matrix:矩阵

示例:

  

.body{
    margin-top: 3%;
    -webkit-transform: scale(0.8,0.3);  /*设置放大缩小*/
}

 

 

CSS3 -webkit-transform(元素变换)

原文:https://www.cnblogs.com/wt11/p/8147029.html

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