transform
div class=""
position:absolute绝对定位
display: none;隐藏块
display: block;显示块
scale缩放
位移transform:translate(50px,50px)水平 垂直，性能更高，不影响其他块
旋转transform：rotate（30deg）;
缩放transform：scale(0.5,0.2);
斜切transform:skew(45deg,45deg);
text-align:center块内文字垂直居中
line-height:200px水平居中
ease开始和结束慢速
ease-in开始时慢速
ease-out结束时慢速
ease-in-out
transform: rotateY(180deg)Y轴旋转
transform-style:preserve-3d 透视
transform:perspective(800px) rotateY(0deg);效果
transform-origin:left center;变形中心点
backface-visibiliy:hidden背面不可见
transform:rotateY(180ged)背面可见
animation:moving 1s ease 1s infinite alternate;无限动画
animation:moving 1s ease 1s 5 alternate forwards;
steps（8）设置步数
animation-play-state:paused;停止
animation-paly-state:runing;运动
overflow:hidden;溢出隐藏
@keyframes walking{(定义一个动画)
}
