Css3高级特效（一）

CSS3变形

元素：{transform：值;}

可以调用函数：

translate平移函数 后面跟x,y轴参数中间是逗号

可以加在伪类里

如果只需要移动水平或者垂直距离可以单独设置translateX 或者translateY

值可以是负的

scale中心缩放函数 后面跟两个值分别代表宽度和纵向标量

只设置一个值时第二个值默认等于第一个值

比如scale（0.5）就是缩小一半；scale（ 2）就是两倍 ；scale（0.0）是消失哦。

 可以单独设置scaleY或scaleX相当于scale（1，Y）或（X，1）

 rotate中心旋转函数

值设置是正数时顺时针旋转

 skew中心倾斜函数 ：（水平方向deg,垂直方向deg）

最高360度 （向左，向下）

只写一个值就算只设置X轴，y轴没设就不会变 它会改变元素的形状，旋转不会。

同时写两条transform会被覆盖，使用多个函数的时候中间用空格隔开。

——————————————————————————————————————————————

 令人愉悦的小练习时间~

 

 我感觉我又水了一天，啧

太堕落了

o((⊙﹏⊙))o.