动画效果....

变换transform：移动translate（x，y）

translateX（）水平移动

translateY（）垂直移动

旋转rotate（）rotateX（数值+角度deg）绕X轴旋转

rotateY（）绕Y轴旋转 rotateZ()绕Z轴旋转

perspective透视

scale缩放（x）等比例缩放

scale（x，y）

scaleX（缩放倍数）X方向缩放

scaleY（缩放倍数）Y方向缩放

skew（）扭曲 skewX（数值+单位deg）

skewY（数值+单位deg）

变换基点transform-origin：x y

自定义动画

关键帧@Keyframes自定义动画名称{

0%{}

100%{}

}

animation-name自定义动画名称 动画名称

animation-duration动画持续时间

animation-timing-function动画速度：ease linear ease-in ease-out ease-in-out cubic-bezier（X1，y1，x2，y2） steps（）

animation-iteration-count 动画播放次数 默认1数字 infinite 无限次

animation-direcion动画方向：normal默认 从开始到结束  reverse 反向 从结束到开始 alternate正向来回播放 从开始到结束再到开始 alternate-reverse 反向来回播放 从结束到开始再到结束