CSS3--变形（transform）

旋转 transform:rotate(deg)

deg为正值元素就绕着中心顺时针旋转，允许复制。元素必须为块元素

扭曲 skew(x，y)

 不会改变元素的形状，让元素倾斜显示，有三种情况：

1、skew(x,y) 是元素在水平和垂直方向同时扭曲

2、skewX(x):水平方向扭曲

3skewY(y):垂直方向扭曲

缩放scale() 让元素根据中心原点对对象进行缩放 scale(x,y),scaleX(),scaleY()

位移translate() 将元素向指定方向移动，不影响XY轴上任何web组件，三种方式

矩阵 matrix()

原点 transform-origin 原有中心点默认为xy50%处，可以通过这个函数进行改变

transition  通过简单的css事件来触发元素的外观变化。例如单机，获得焦点，被点击

主要包括以下几个子属性：

transition-property:

过度函数  transtion-timing-function

想改变多个css属性的transtion效果，只要把几个transition声明串在一起，用逗号隔开，

注意：第一个时间为transition-duration 第二个为transtion-delay

例如：a{ transition: background 0.8s ease-in 0.3,color 0.6s ease-out 0.3;}