css3 2D转化

css3 2d转化
平移 默认水平
transform:translate()单位px
transform:translateX()
transform:translateY()
transform:translate(X,Y)
缩放 默认水平
transform: scale()没单位
transform: scaleX()
transform: scaleY()
transform: scale(X,Y)
旋转
transform: rotate(单位deg)
transform: rotateX()
transform: rotateY()
倾斜默认水平
transform: skew(单位deg)
transform: skewX()
transform: skewY()
定位原点
transform-origin:left top center bottom right
复合写先要平移再旋转
动画
1@keyframes 名字{
    from(开始){
    }
    to(结束){
    }
 }
2@keyframes 名字{    (0%-100%)
    0%{
    }
    25%{
    }
}
使用animation:动画名 持续时间 持续时间 类型 循环次数（infinite/normal）运动方向（reverse[反向运动]/alternate[先正再反]/alternate-reversel[先反再正]）
animation-play-state:running、paused暂停