css3的基础动画属性（旋转、平移、缩放）

transform使用

 1) rotate旋转
 transform ： rotate(20deg) //旋转角度
 transform-origin：50% 50% //定义旋转基点
 2) translate移动
 translate:translate(20px,10px)
 translate:translateX(20px)
 translate:translateY(30px)
 3) scale 缩放
 transform-origin：50% 50% //定义缩放基点
 translate:scale(20px,10px)
 translate:scaleX(20px)
 translate:scaleY(30px)

animation使用

animation :animation-name  animation-duration animation-timing-function  animation-delay animation-iteration-count ；
分别表示动画名（与@keyframes对应）、动画持续时间、动画执行速度（运动曲线）、动画延迟时间、动画循环规律