Css3 动画transform之scale理解

1.scale(x,y)对元素进行缩放

①x表示水平方向，y表示竖直方向
②y是一个可选参数，如果不写的话，X,Y两个方向缩放一样

transform:scale(1.0,1.2)//水平方向1.0，竖直方向1.2倍

2.scaleX(number)对元素只在x轴(水平方向)进行缩放

①默认值为1，基点一样在元素中心位置，可以通过transform-origin来改变基点

transform:scaleX(1.2)//水平方向1.2倍

3.scaleY(number)对元素只在y轴(竖直方向)进行缩放

①默认值为1，基点一样在元素中心位置，可以通过transform-origin来改变基点

transform:scaleY(1.2)//竖直方向1.2倍