transform是变形,下面有translate
transform: rotate旋转/scale缩放/skew扭曲/translate移动/matrix矩阵变形
transform连写:rotate scale skew translate
translate移动，transform:translateX(10px)/translateY(10px)
transition是平滑过渡动画，用于鼠标单击，获得焦点，对元素触发的时候平滑的过渡动画
transition:all 1s ease 1s;
transition:property duration timing-function delay
transition-property 属性
transition-duration 动画的持续时间
transition-timing-function 动画效果
ease:逐渐变慢
linear:匀速
ease-in:加速
ease-out:减速
ease-in-out:先加速后减速
cubic-bezier:cubic-bezier曲线
transition-delay 等待多长时间开始动画