X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数
Y是一个可选参数，没有设置的话，则表示X，Y两个方向的缩放倍数是一样的。并以X为准。
2、scaleX(<number>) 元素只在X轴（水平方向）缩放元素。
默认值是1，基点一样在元素的中心位置。可以通过transform-origin来改变基点
3、scaleY(<number>) 元素只在Y轴（垂直方向）缩放元素。
基点一样在元素的中心位置。可以通过transform-origin来改变基点。
这是一个缩放的transform属性，y值可以省略，如果y值省略的话，那默认就和x值一样。
举例：
这个例子的执行效果就是，当把指针hover到这个div上的时候，那这个div会放大到原来的1.1倍大。相应的，如果把值改为0.5，hover的时候x和y就会缩小到原来的二分之一。
需要注意的是它的transfom-origin是中心点
只缩放X轴上的倍数。
3、transformY:scale(y)
只缩放Y轴上的倍数。
以上的缩放点都是中心点。
css3功能还是相当强大的，但是因为兼容性的问题，可能会导致部分IE浏览器不兼容。（IE678的滚蛋）
css3最常用的是：
transiform
放大缩小scale（X）X是倍数，大于1就放大。
倾斜rotate（Xdeg）X是角度
拉伸skew（Xdeg）X角度。
@keyframe 自定义动画，分帧调整动画。
transition：all 0.5s ease
过渡动画效果。（例：整体效果 0.5s完成 方式匀速）
这几种是常用的css3动画效果
