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对应)、动画持续时间、动画执行速度(运动曲线)、动画延迟时间、动画循环规律