属性值：transform: translate（平移）ratate(旋转） scale（缩放）skew（扭曲）；

平移：
                transform: translateX(500px); 水平移动
                transform: translateY(300px); 垂直移动
                transform: translate(500px,300px); 水平垂直移动，路径是斜着向右下角（值均可为负）

 旋转：
                transform: rotateX(180deg);
                transform: rotateY(180deg);
                transform: rotateZ(180deg);

perspective（透视）

扭曲： 
                transform: skewX();
                transform: skewY();
                transform:skew(x-angle,y-angle)

                transform-origin 元素的变换基点

 缩放：

                transform: scaleX(1);
                transform: scaleY(1);

值最小为零，不能为负

缩写：
ransform:ratate(旋转值） scale（缩放值）skew（扭曲值） translate（移动值）；之间用空格隔开

关键帧：
先定义关键帧

                @keyframes name{
                from{}
                to{}

属性值：  animation-name: name;/*名称*/
                animation-duration: 1s;/*动画的持续时间*/
                /*animation-timing-function: linear;*/
                /*animation-timing-function: steps(10);/*步数*/
                /*animation-delay: 1s;/*延迟*/
                animation-iteration-count: infinite;/*动画的播放次数*/
                animation-direction: alternate;动画的运动方向

缩写:

animation:name（名称）2s(时间）linear（速度）alternate（方向）；之间空格隔开