属性值：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（方向）；之间空格隔开
