CSS3新增转换属性transform

transform之translate

• transform:translate(x,y)
• transform:translateX()
• transform:translateY()
• 不会影响到其他元素的位置
• translate值为百分比的时候，其实是按照自身宽高比例位移(可配合块级元素水平垂直居中使用)

transform之rotate

• transform:rotate( 数字 deg)
• 默认旋转中心为元素的中心
• transform-origin: X Y ( center center )

transform之scale

• transform:scale(X,Y) X,Y表示倍数；X值Y值之间逗号隔开；若两值相等，则只写一个，表示等比例缩放
• 优点：可以设置中心点缩放