码迷,mamicode.com
首页 > Web开发 > 详细

CSS3 -webkit-transform(元素变换)

时间:2017-12-30 12:36:12      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:基于   statistic   倾斜   form   body   gpo   pop   mod   blog   

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(元素变换)

标签:基于   statistic   倾斜   form   body   gpo   pop   mod   blog   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!